导航被触发。 在失活的组件里调用 beforeRouteLeave 守卫。 调用全局的 beforeEach 守卫。 在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)。 在路由配置里调用 beforeEnter。 解析异步路由组件。 在被激活的组件里调…

最近不是很忙，把自己不会的技术点看了一遍文档，然后动手敲了一下代码，加深自己理解。通过实战Demo，调试，结果分析，理解了官网的知识点。记录下来，第一是方便自己加深理解，第二是后续可以回顾，第三可以帮助像我这种小白的人一起学习。 导航就是我们说的路由，当路由发生变化的时候，我们…

使用Vue开发的过程中，我们经常会遇到一个状态可能会在多个组件之间使用，比如我们在做项目时使用到的用户的信息，什么昵称、头像这些，这些信息会在不同的组件用到，一旦改变这些状态，我们希望其他组件也跟随变化，比如用户充值了100元，或者改变了昵称，所以这个时候就需要状态管理模式来集…

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 通过调用组件实例的$emit(事件名, 参数)，向组件发送一个事件。 在组件的生命周期created中，使用\this.$on(事件名, 回调函数)，在回调函数中可以接收到参数，以此实现组件间通信。

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 在父组件引用子组件时，给子组件设置ref="child"属性，父组件就可以通过this.$refs.child获取到子组件实例。 此时父组件就可以通过直接修改子组件的属性this.$refs.child.num1…

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 钩子的概念并不止存在于浏览器或者Vue实例，原意是用于拦截或监听系统的操作，类似于键盘输入等。 Vue实例生命周期中的钩子，主要用来监听Vue实例的运行阶段，并提供给使用者在不同阶段运行代码的机会。 VueRou…

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 通过Vue.component可以注册一个组件，再将其导出到入口vm.js即可。 可以直接通过<cmp1 name="Lee Chen" age="18" :list="[1, 2, 3]" />使用组件，这样无…

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 在命令行使用webpack命令就可以进行编译，在浏览器中打开index.html文件，并且跳转到路由/index就可以查看效果。

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 在之前的例子中，路由的组件配置都是用component，如果改为components，就可以支持在一个页面中显示多视图。 在router-view中添加name属性，该视图会显示对应components中同名属性…