摘要：
混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。 相当于扩充父组件的属性、方法等，类似于在原型对象中注册方法。 如果在引用mixins的同时，在组件中重复定义相同的方法，则mixins中的方法会被覆盖 <div id="app"> <child></child> <ki 阅读全文
摘要：
children:[] <template> <div class="navbar"> <ul id="main"> <li><router-link to="/food" >商品</router-link></li> <li><router-link to="/rating">评价</router 阅读全文
摘要：
作用：拦截导航，完成跳转或取消。 三种方式： 1、全局导航钩子 2、单个路由独享 3、组件内导航钩子 1、全局导航钩子： //全局前置守卫 var router=new VueRouter({...}); router.beforeEach((to,from,next)=>{ //to 目标ro 阅读全文
摘要：
作用：提高首屏加载速度，解决白屏问题，提高用户体验。 定义：懒加载即按需加载，在需要的时候才会加载。 方式： 1.vue异步组件 2.es6的import() 3.webpack的require.ensure() 1.vue异步组件 特点：一个组件会生成一个js文件 { path:'/home', 阅读全文
摘要：
1、区别： this.$router是全局路由器对象 this.$route是当前激活的路由对象，包含了当前的路由信息。 console.log(this.$route); { fullPath:'/home' //包含查询参数和 hash 的完整路径 path:'', //当前路由路径，绝对路径 阅读全文
摘要：
1、params（相当于post） （1）只能用name，不能用path （2）参数不显示在路径上 （3）刷新页面参数会被清空 传递参数： this.$router.push({ name:'details', params:{ number:123, name:'product' 阅读全文
摘要：
定义： { path:'/details/:id' name:'Details', component:Details } 获取传参： console.log(this.$route.params.id) 阅读全文
摘要：
<router-link :to='' class='active-class'> //路由声明式跳转 ，active-class是标签被点击时的样式 <router-view> //渲染路由的容器 <keep-alive> //缓存组件 阅读全文
摘要：
路由就是用来跟后端服务器进行交互的一种方式，通过不同的路径，来请求不同的资源，请求不同的页面是路由的其中一种功能。 vue-router是vue.js官方路由管理器。vue的单页应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。（传统页面切换是用超链接a标签进行切换） ##### 阅读全文