Vue-router

vue-practice

~里面包含了：vue，vue-router，。。。。
跌倒的小黄瓜·2019-12-15 14:00

vue-practice

~里面包含了：vue，vue-router，。。。。
跌倒的小黄瓜·2019-12-15 14:00

vue-UI(mui和muit-UI)

mui是一个高性能前端框架(H5+提供的)，类似于bootstrap，所以在引入时区别还是很大的main.js中导入，app.vue中使用main.jsimportVuefrom'vue'//1.导入vue-router
跌倒的小黄瓜·2019-12-15 10:00

[Vue.js进阶]从源码角度剖析vue-router（上）

image前言Vue是一个渐进式的框架，这意味着你可以只使用Vue的核心库来开发，但是当你在开发一个完整的业务项目时，路由是一个必不可少的部分在曾经的前端领域中，一直都使用的是服务端渲染的模式，即用户输入url后，浏览器向服务器请求这个url对应的HTML，服务器返回HTML给前端，前端再展示，然后当需要浏览别的页面时，需要点击a标签再向服务器发送一个请求，服务器就会再发给你目标页面的HTML这样
心_c2a2·2019-12-15 03:43

入坑React-Native（二）路由管理

react-navigation这个库是官方推荐的路由管理库，从前端同学的角度来说，类似于vue-router这类库。但移动端的特点是，navigation库
四爷在此·2019-12-15 01:13

2019-10-15 vue 路由分离配置

importVuefrom"vue";importVueRouterfrom"vue-router";Vue.use(VueRouter);importHomefrom"..
jakeliukai·2019-12-14 22:11

keep-alive----组件级缓存

02转载keep-alive：组件级缓存title:keep-alive：组件级缓存tags:keep-aliveVuevue-router页面缓存在Vue构建的单页面应用（SPA）中，路由模块一般使用vue-router
欣简书·2019-12-14 21:35

vue-router基础 路由配置 路由传值 路由跳转

一、路由配置(如何使用vue-router)1.安装npminstallvue-router--save//cnpminstallvue-router2.引入并且使用(main.js)importVueRouterfrom'vue-router'Vue.use
SmallWhiteMouse·2019-12-14 18:43

vuex源码阅读分析

这个vuex,vue-router,vue的源码我半个月前就看的差不多了，但是懒，哈哈。
白眉少侠·2019-12-14 15:00

2018-Weex Android踩坑记录 1：创建项目

创建项目按照教程http://weex.apache.org/cn/guide/中安装weex完成后，创建项目，创建过程中一大堆选项，一般都按默认的，除了使用vue-router。
子悠j·2019-12-14 13:52

vue-cli中vue-scroller的详细用法，上拉加载下拉刷新,vue-axios获取数据的详细过程

vue目前是众所周知的流行框架大家都知道的，vue全家桶的成员是：vue-cli,vuex,vue-router,vue-axios(vue2.0)。
燕妮666_·2019-12-14 07:13

解决Vue中的NavigationDuplicated 报错

解决方法：在引用vue-router的文件中添加如下代码：constoriginalPush=Router.prototype.push;Router.prototype.push=functionpush
luckyLink·2019-12-14 05:34

Vue学习日记（三）——Vue路由管理vue-router

前言为了给读者更好的体验，去理解vue-router和下一篇介绍vuex，决定还是来一个实战教程来带大家更加的去深入理解vue-router，在这之前，读者先自行了解和去官网下载npm和node，附：npm
龙象般若功·2019-12-13 20:00

vue全家桶（2.5）

vue-router中提供了动态路径参数来实现这种需求，动态路径参数写法:ro
螺钉课堂Nodeing-com·2019-12-13 16:00

基于vue-cli构建vue-router的入门级demo

前言本案列仅针对刚刚入门vue学习的伙伴，博主也是刚刚在学基于vue-cli搭建脚手架项目，对于前端大牛，可以移步。快速搭建vue-cli环境如何搭建基于vue-cli项目，这里不再叙述，如果不会的伙伴可以自己百度。(或https://www.cnblogs.com/fps2tao/p/12034238.html)项目搭建完成后，基本文件目录如下：打开我们刚刚创建的my-project文件夹，这里
与f·2019-12-13 15:00

学习笔记《SPA 的 Vue2 实现》

Webpack支持SingleFileComponents的模块载入器SingleFileComponents：在SPA中，可以方便得把HTML,JS,CSS都写在一个文件里面的一种Component机制vue-router
马文Marvin·2019-12-13 12:07

基于vue-cli快速搭建开发框架（axios,global,vuex,vue-router...）

其中涉及的相关技术有：vue-cli脚手架、vuex作为全局事件、变量的管理，global.js（中小型项目开发时不需要复杂的vuex时使用），vue-router，axios，scs
朱亮_7dd7·2019-12-13 08:25

动态路由理解

一、通过配置动态路由进行页面跳转同时进行参数传递1、配置路由importVuefrom"vue"importRouterfrom"vue-router"Vue.use(Router)letroutes=
北冥有鱼_425c·2019-12-13 04:41

超详细Vue实现导航栏绑定内容锚点+滚动动画+vue-router(hash模式可用)

最终效果首先是一些说明动画效果是原生js实现，不可能为了这么一个动画引用Jquery这么大一个库因为是在vue-router的hash模式下，所以就不能用herf="#contentx"这样的方式来跳转了
JethroHuang·2019-12-13 03:02

Vue-Router探索

介绍vue-router是一个vue插件。
AmazRan·2019-12-13 01:44

vue+Axios 实现路由拦截和登录拦截

首先，需要对router进行修改，如下：importVuefrom'vue';importRouterfrom'vue-router';Vue.use(Router);constrouter=newRouter
Avery_G·2019-12-12 19:09

vue路由按需加载(路由懒加载)的3种方式

1.vue异步组件vue异步组件技术====异步加载vue-router配置路由,使用vue的异步组件技术,可以实现按需加载.但是,这种情况下一个组件生成一个js文件/*vue异步组件技术*/{path
MiemieWan·2019-12-12 17:21

vue axios 总结篇

1.npm--save和--save-dev有什么区别发布到线上的叫生产环境~，在本地开发的时候叫开发环境，--save就是会打包到线上去并且在线上环境能用到的，比如你npminstall一个vue-router
会灭火的程序员·2019-12-12 13:00

【笔记】vue-router之路由传递参数

参考博客地址：https://blog.51cto.com/4547985/23907991、通过标签中的to传参基本语法：valueStringPS：上面to前边是带冒号，后边跟的是一个对象形势的字符串name：在路由配置文件中起的name值。叫做命名路由，下一节会讲到。params：要传的参数，它是对象形式，在对象里可以传递多个值。具体实例如下：（1）在src/components/Home.
Joanna_Piao·2019-12-12 11:00

vue-router

定义并引入组件定义路由创建router实例constrouter=newVueRouter({routes})创建和挂载到根实例（main.js中挂载到根实例）constapp=newVue({router}).$mount('#app')//视图导航路由信息对象：this.$route//声明式导航//链接到命名路由User//tag参数激活class应用在外层元素{{m.menuItem}}/
超长的名字·2019-12-12 06:45

ES6中的export/import module 基本用法

在在vue-cli中使用vue-router及vuex的例子文章中，我们用到了export/import，这里来总结下它们的用法。
该帐号已被查封_才怪·2019-12-12 01:04

Vue-router

编程式导航1.用在可复用的路由视图里面，比如所有的需要跳转到一个文章具体内容的路由，每一次跳转到新路由的时候，其实传的东西都是这个文章的id,在里面再次进行请求，别的东西都是一样的，还有就是在这个情况下返回。2.本质就是监听URL的变化，然后匹配路由规则，显示相应的页面，而且无需刷新。代码实现方面哈希路由1.通过location.hash获取到网址#号后面的网页位置标识符2.onhashchang
skoll·2019-12-12 01:24

[js]vue小结

vue基础-vue是一个渐进式框架vue(视图渲染)components(路由机制)vue-router(路由管理)vuex(状态管理)vuecli(构建工具)-库和框架库如jQuery,是调用它的函数实现功能
毛台·2019-12-11 23:00

Vue-Router原理

Hash与History路由原理实现路由/***1、前端路由与后端路由的区别后端路由:输入url=>请求发送到服务器=>服务器解析请求路径=>拿到对应页面=>返回出去前端路由：输入url=>js解析地址=>找到对应地址页面=>执行页面生成的js=>看到页面区别：1、前端路由不用发请求，直接在浏览器访问解析；2、前端路由里有hash*//***2、Hash和Historyhash:1、址栏里出现#，
饭米雪·2019-12-11 18:00

vue新建项目并配置标准路由过程解析

对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下配置路由所有用到的地方总共四步或者说四处1.index.js（src--router--index.js）importVuefrom'vue'importRouterfrom'vue-router
哒哒Da·2019-12-09 10:57

vue vant Area组件使用详解

/assets/area/area.js'2.main.js引入并注册(一般与Popup一起使用)import{Area,Popup}from'vue-router'Vue.use(Area)
diuren1205·2019-12-09 08:41

记一次vue采坑 npm run dev 过程:component: () => import() 出现错误

主要起因是命令：npmrundev在编译过程中报错：SyntaxError:Unexpectedtoken(4:19)原来是import这儿报错了，这就需要babel的插件了，vue-router官网上有一段提示
php小小菜鸟·2019-12-08 21:00

Vue学习笔记之路由（二）

vue路由的使用vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。
赵客缦胡缨v吴钩霜雪明·2019-12-08 15:08

开始动手搭建vue环境

图片.png然后运行命令：vueinitwebpackvuedemo图片.png安装过程中会出现选择是否安装vue-router，esline，单元测试等等，这个因个人
Simple_Learn·2019-12-08 11:54

从单页应用(SPA)到服务器渲染(SSR)

个人博客之前已经将vue-router的模式改为了history，即url中不包含hash，再通过将所有的静态请求转发到index.html，使它看上去似乎像一个静态多页的网站。
Disciple_D·2019-12-08 06:05

Vue Router

使用Vue.js，我们已经可以通过组合组件来组成应用程序，当你要把vue-router添加进来，我们需要做的是，将组件(components)映射到路由(routes)，然后告诉vue-router在哪里渲染它们
刘圣凯·2019-12-08 03:05

Vue知识总结(0)

前言：基于vue2+写一份知识总结，可以说是学习笔记目录：一、vue实例的基本结构二、vue事件处理、绑定属性三、vue指令、自定义指令四、vue过滤器五、vue数据监听六、vue组件七、vue-router
Hebborn_hb·2019-12-07 23:17

2019-09-25从vue-router看前端路由的两种实现

原文:https://zhuanlan.zhihu.com/p/27588422本文由浅入深观摩vue-router源码是如何通过hash与Historyinterface两种方式实现前端路由，介绍了相关原理
PixelEyes·2019-12-07 18:26

vue-router基本概念与使用

Vue-router动态路由匹配我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件。
蓝枫·2019-12-07 10:18

vue新建项目

(Y/n)y是否使用vue-router；?UseESLinttolintyourcode?(Y/n)y是否使用ESLint；?PickanESLintpreset(Usea
Web的美容师·2019-12-07 09:43

vue（二）：vue-router

目录1路由项目简介2子路由3路由中参数的传递4路由表的组件群5url传值6router-link属性说明7redirect重定向8alias别名9watch监控动画10404错误页面处理11路由生命钩子12方法导航跳转13补充13.1路由配置为history，页面刷新找不到路径问题13.2路由切换简单动画效果13.3组件获取$route对象，params参数转为props配置13.4路由生命周期补
林ze宏·2019-12-07 07:28

用 Vue 撸一个微博客户端！

https://github.com/Werb/Pixel-WebIntro我是一个前端小白，突发奇想自学Vue，前前后后写了一个月时间使用vue-cli构建、打包,配合vue全家桶（vue、vuex、vue-router
wanbo_·2019-12-07 04:09

vue-router 配置路由

vue-router配置路由用Vue.js+vue-router创建单页应用，是非常简单的。
想做一个画家·2019-12-06 22:36

vue地址栏直接输入路由无效问题

vue项目只要不是静态页面，一般都会和官方的路由管理器vue-router一起使用。
前端很忙·2019-12-06 17:52

开发单页应用(SPA)时候遇到的微信支付授权目录的坑

原文摘自：http://www.tuicool.com/articles/mQ7RRfb项目中要在微信底下开发单页应用(SPA)，前端技术选型用的vuejs+vue-router，vue-router使用
许小小晴·2019-12-06 15:13

vue-router 路由权限控制

vue项目开发中经常需要对路由进行权限控制，比如只有登录才能访问某个路由这里分享一个简单是路由登录权限设置废话不多说，直接上代码constrouter=newRouter({routes:[{path:'recharge',name:'recharge',meta:{//在路由配置中加入meta:{requireAuth:true}requireAuth:true},component:recha
Demo_Hu·2019-12-06 07:23

浅谈Vue-Router

前面的安装及基础以后再更新。。。一、动态路由及懒加载1.在路由路径中使用“动态路径参数”⑴params配置：动态路径参数id，以冒号开头在中我们加入一个params属性来传入具体的参数值读取路由中的参数⑵query在path中，不需要配置参数在中我们加入一个query属性来传入具体的参数值path写法读取路由中的参数注意：如果提供了path，params会被忽略，query不属于这种情况。http
G_弦上的咏叹调·2019-12-05 11:40

自己安装路由

cnpminstallvue-router--save3、在主文件引入--如果在一个模块化工程中使用它，必须要通过Vue.use()明确地安装路由功能importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use
执笔饮风·2019-12-04 15:02

router和route的区别

的跳转$router.replace()重定向跳转$router.back()后退$router.forward()前进$router.go()前进或后退go(-1)$route当我们在vue项目中使用了vue-router
未来在奋斗·2019-12-03 18:34

【vue】vue-router中切换页面query参数丢失的解决方法

很多前端老铁通常在做PC端管理系统类的项目时，会使用vue-router和ElementUI中的el-menu结合的方式：router参数为引入的router.js文件。
SophieRabbit·2019-12-03 16:37
上一页 115 116 117 118 119 120 121 122 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他