Mervyn的博客

使用beforeRouteUpdate和beforeRouteLeave解决路由前置钩子需要与实例通信的问题 前景提要 近期项目有个需求：为了增加用户粘性，增加菜单要可配置成需要登陆后才允许访问的功能。 最初的想法：在路由前置钩子中，判断目标路由是否需要登陆，不需要就直接跳转，否则弹出登录对话框。 然后问题来了：当初写登录的时候，没有写成一个组件，仅仅是常驻组件header中的一个对话框，通过一个布尔loginFlag判断是否打开对话框。然而，在全局前置钩子中无法访问组件实例this，无法通过事件总线与对话

Vue路由添加公共参数 如Vue-Router介绍所说，router.beforeEach是路由跳转前的钩子，需要增加公共参数可以在这里处理。 In that case, you must call next exactly once in any given pass through a navigation guard. router.beforeEach中第三个参数next，必须在每一种给定的导航中严格执行一次。 执行分两种情况 next()，这种情况不再执行前置钩子 next('/')，这种情

事件总线，Vue兄弟组件通信、传值 父子组件 在Vue中，父子组件通信、传值是比较方便的。 通过$emit和@事件名即可完成通信 <!-- 子组件 --> <template> <button @click="sendToParent"> 向父组件传值 </button> </template> <script> export default{ name: 'son', data(){

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（一）基础知识概述 Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（二）安装 nodejs 环境以及 vue-cli 构建初始项目 Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（三）认识项目所有文件 Vue2+VueRouter2...