1. $route是一个对象 可以获取当前页面的路由的路径query、params、meta等参数； 2.$router是VueRouter的一个实例对象 在options中可以获取路由的routes配置参数。 ...
分类：
其他好文 时间：
2018-07-12 13:29:05
阅读次数：
112
Vue+Vue--Router结合开发 在实际开发中，用 Vue.js + vue-router 创建单页应用，是非常简单的。 在使用 Vue.js 时，我们就已经把组件组合成一个应用了，当你要把 vue-router 加进来，只需要配置组件和路由映射，然后告诉 vue-router 在哪里渲染它们 ...
分类：
其他好文 时间：
2018-07-08 18:09:51
阅读次数：
182
修改router的mode为history就可以 const router = new VueRouter({mode: 'history', routes: [...]}) 实际修改后需要注意修改assetPublicPath，调整静态资源路径，自己调试下，查看现有的路径，就知道改怎么改了 ...
分类：
Web程序 时间：
2018-07-05 17:17:44
阅读次数：
264
$route为当前router跳转对象 里面可以获取name、path、query、params等 $router为VueRouter实例，想要导航到不同URL，则使用$router.push方法 返回上一个history也是使用$router.go方法 总结：感觉$route是$router的子集 ...
分类：
其他好文 时间：
2018-07-04 18:45:38
阅读次数：
169
By default, vue-router doesn’t lazy load the routes unless you tell it to do it. Lazy loading of the non-critical routes is one of the points of the P ...
分类：
Web程序 时间：
2018-07-02 21:34:22
阅读次数：
259
在实际项目中我们会碰到多层嵌套的组件组合而成，但是我们如何实现嵌套路由呢？因此我们需要在 VueRouter 的参数中使用 children 配置，这样就可以很好的实现路由嵌套。index.html，只有一个路由出口[html] view plain copy<div id="app"> <!-- ...
分类：
其他好文 时间：
2018-07-02 00:13:46
阅读次数：
145
正如其名，vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。 有多种方式可以在路由导航发生时执行钩子：全局的、单个路由独享的、或者组件级的。 一、全局钩子 你可以使用 router.beforeEach 注册一个全局的 before 钩子： 同样可以注册一个全局的 after ...
分类：
其他好文 时间：
2018-06-21 23:49:06
阅读次数：
383
此时，基于上面的配置，当你访问 /user/foo 时，User 的出口是不会渲染任何东西，这是因为没有匹配到合适的子路由。如果你想要渲染点什么，可以提供一个 空的 子路由： ...
分类：
其他好文 时间：
2018-06-08 14:06:02
阅读次数：
132
我们在前面学习到是用别人的组件：Vue.use(VueRouter)、Vue.use(Mint)等等。其实使用的这些都是全剧组件，这里我们就来讲解一下怎么样定义一个全局组件,并解释vue.use()的原理而我们再用Axios做交互，则不能使用Vue.use(Axios)，因为Axios没有insta ...
分类：
其他好文 时间：
2018-05-30 16:13:22
阅读次数：
472
vue路由:vue-router vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单 ...
分类：
其他好文 时间：
2018-05-29 14:08:02
阅读次数：
123
