vue路由:vue-router vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单 ...
分类：
其他好文 时间：
2018-05-28 17:58:10
阅读次数：
163
路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个 ...
分类：
其他好文 时间：
2018-05-18 14:10:13
阅读次数：
170
路由的钩子：（即导航守卫） 1.全局的, const router = new VueRouter({ ... }) router.beforeEach((to, from, next) => { // ... }) 2.单个路由独享的 const router = new VueRouter({ ...
分类：
其他好文 时间：
2018-05-17 20:41:55
阅读次数：
189
路由的钩子：（即导航守卫） 1.全局的, 路由的钩子：（即导航守卫） 1.全局的, const router = new VueRouter({ ... }) router.beforeEach((to, from, next) => { // ... }) 2.单个路由独享的 const rout ...
分类：
其他好文 时间：
2018-05-17 18:18:58
阅读次数：
309
$route为当前router跳转对象,里面可以获取name、path、query、params等 $router为VueRouter实例，想要导航到不同URL，则使用$router.push方法 返回上一个history也是使用$router.go方法 ...
分类：
其他好文 时间：
2018-05-08 11:12:47
阅读次数：
143
官方文档 // 0. 如果使用模块化机制编程，导入Vue和VueRouter，要调用 Vue.use(VueRouter) // 1. 定义（路由）组件。 // 可以从其他文件 import 进来 const Foo = { template: '<div>foo</div>' } const Ba ...
分类：
其他好文 时间：
2018-04-07 20:01:18
阅读次数：
212
完成后目录展示： component文件里放的是页面，parts放的是入口文件main.js需要引入的js依赖。 事先安装cnpm。然后用脚手架工具 vue-cli 来创建一个使用 vue-loader 的项目： 接下来安装vue-router和vuex 打开main.js，一开始是这个样子的： 一 ...
分类：
其他好文 时间：
2018-04-01 21:52:11
阅读次数：
169
main.js: 1、先在项目安装路由模块：npm install vue-router --save-dev2、使用路由：main.js首先要引用vue模块： 3、再引用路由模块： 4、使用VueRouter： 5、配置路由： 6、引用配置好的路由router： 根目录：这里是App.vue 7、 ...
分类：
其他好文 时间：
2018-03-26 16:05:16
阅读次数：
121
一、路由配置部分如下所示， 导出路由示例 let router = new VueRouter({ 二，login 组件 配置部分 ...
分类：
其他好文 时间：
2018-03-05 20:40:22
阅读次数：
301
