原因是vue-router 使用了路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。 const router = new VueRouter({ mode: 'history', routes: [...] }) 需 ...
分类：
Web程序 时间：
2019-07-08 19:37:44
阅读次数：
229
1.安装 npm install vue-router --save / cnpm install vue-router --save 2、引入并 Vue.use(VueRouter) (main.js) import VueRouter from 'vue-router' Vue.use(VueR ...
分类：
其他好文 时间：
2019-06-22 23:50:58
阅读次数：
253
项目中使用vue-router的时候，会进行以下操作（可能具体不是这么写的，但是原理一样）： 接下来看我们写一个极简版的router源码。 class VueRouter { constructor(Vue, options) { this.$options = options this.route ...
分类：
其他好文 时间：
2019-06-09 19:39:03
阅读次数：
105
路由的引用 npm install vue-router 如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能：（先导入，再注册） import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRo ...
分类：
其他好文 时间：
2019-06-05 00:10:06
阅读次数：
91
一、vue-router使用1、下载npmivue-router-S2、安装插件Vue.use(VueRouter)3、创建路由对象varrouter=newVueRouter()4、配置路由规则router.addRoutes([路由对象])路由对象{path:‘锚点‘,component:需要显示的组件}5、将配置好的路由对象交给Vue6、使用组件<router-view
分类：
其他好文 时间：
2019-06-03 23:40:18
阅读次数：
133
最近在学习vue的单页面应用开发，需要vue全家桶，其中用到了VueRouter，在路由的设置和跳转中遇到了两个对象$router 和 $route ，有些傻傻分不清，后来自己结合网上的博客和自己本地的Vue devtools结构了解了他们的区别 1.router是VueRouter的一个对象，通过 ...
分类：
其他好文 时间：
2019-05-20 22:42:25
阅读次数：
240
这是一个超级精简版的VueRouter，实现hash模式下，hash改变组件切换的功能，原理就是利用了 Vue.js 的响应式机制触发router view组件的重新渲染。 代码 https://github.com/dora zc/vue wheels/tree/master/MiniVueRou ...
分类：
其他好文 时间：
2019-05-18 00:50:07
阅读次数：
141
Vue之路由 在 vue 中使用 vue-router 使用tag属性指定router-link渲染的标签类型 设置路由重定向 设置路由高亮 设置路由切换动效 在路由规则中定义参数 使用 children 属性实现路由嵌套 命名视图实现经典布局 watch属性的使用 考虑一个问题：想要实现 名 和 ...
分类：
其他好文 时间：
2019-05-09 10:38:06
阅读次数：
133
1、let router = new VueRouter({}) router.addroute([])可以添加路由 meta:路由元数据 使用方法：在定义路由中时使用： router,addRoutes([ {path:'/user',name:'user',meta:{flag:false} ] ...
分类：
其他好文 时间：
2019-05-02 11:59:03
阅读次数：
118
