一、vue-router路由 1、介绍 vue-router是Vue的路由系统，用于定位资源的，在页面不刷新的情况下切换页面内容。类似于a标签，实际上在页面上展示出来的也是a标签，是锚点。 2、路由注册 1. 定义一个路由匹配规则和路由对应组件的对象 2. 实例化VueRouter对象 并把匹配规则 ...
分类：
其他好文 时间：
2018-12-05 22:57:06
阅读次数：
266
1.局部过滤器 在当前组件内部使用过滤器，修饰一些数据 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 9 <div ...
分类：
其他好文 时间：
2018-11-28 22:04:53
阅读次数：
126
https://router.vuejs.org/ vue路由配置： 1.安装 npm install vue-router --save / cnpm install vue-router --save 2、引入并 Vue.use(VueRouter) (main.js) import VueRo ...
分类：
其他好文 时间：
2018-11-26 13:30:15
阅读次数：
122
Vue之VueRouter实现原理 Vue之VueRouter安装使用 Vue之VueRouter命名路由 Vue之VueRouter路由参数 Vue之VueRouter子路由 Vue之VueRouter子路由append版 Vue之VueRouter子路由append升级版 Vue之VueRout ...
分类：
其他好文 时间：
2018-11-13 02:24:12
阅读次数：
122
当然详细情况还是看一下vue的官网吧 官网https://router.vuejs.org/zh/ hash模式下（默认） new VueRouter({ mode : ‘hash’, routes : [] }) window.addEventListener(‘hashchange’,方法名或方 ...
分类：
其他好文 时间：
2018-11-12 11:31:57
阅读次数：
292
VueRouter 实现原理 <body> <div id="app"> </div> <script> let oDiv = document.getElementById("app"); window.onhashchange = function () { switch (location.h ...
分类：
其他好文 时间：
2018-11-11 23:29:22
阅读次数：
203
一切分离都是为了更好的结合，本文详细介绍了前后端分离架构之后，前端如果实现路由控制，即Vue路由系统。 Vue路由系统 VueRouter的实现原理是根据监控锚点值的改变，从而不断修改组件内容来实现的，我们来试试不使用VueRouter，自己实现路由控制，如下代码： 可以看到，通过监控锚点值的改变， ...
分类：
其他好文 时间：
2018-11-09 16:22:01
阅读次数：
118
A:router路由配置 export default new Router({ routes: [ { path: '/home', name: 'Home', component: Home, children:[ {path:'home1',component:Home1}, {path:'h ...
分类：
其他好文 时间：
2018-11-05 11:22:13
阅读次数：
366
$router 和 $route的区别 $route为当前router跳转对象里面可以获取name、path、query、params等 $router为VueRouter实例，想要导航到不同URL，则使用$router.push方法 返回上一个history也是使用$router.go方法 $ro ...
分类：
其他好文 时间：
2018-10-28 19:19:27
阅读次数：
140
1.query方式传参和接收参数 注意:传参是this.$router,接收参数是this.$route,这里千万要看清了！！！this.$router 和this.$route有何区别？在控制台打印两者可以很明显的看出两者的一些区别： 1.$router为VueRouter实例，想要导航到不同UR ...
分类：
其他好文 时间：
2018-10-24 10:48:35
阅读次数：
576
