孤身

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 我们可以新建两个Vuex模块，名为src/store/mod_a.js和src/store/mod_b.js。 每个Vuex模块都可以看做一个独立的store对象，里面可以有属于它自己的State、Actions…

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 文件内容为[{"id":3,"name":"lee","age":18,"online":true},{"id":5,"name":"zhangsan","age":22,"online":false},{"id…

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 Vuex中的Getter的作用类似于Vue中的Computed，可以实现在state变化时自动计算出一个新的结果。 在组件Index中，可以通过$store.getters.count就可以读取到相应的值。 因为…

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex类似于一个全局变量，它在整个Vue应用中生效。…

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 之前的教程中使用的一直是Vue 1.0的组件写法，接下来的课程都会使用Vue 2.0的语法。 Vue 2.0项目开发都需要通过Webpack进行打包，此时就要通过相关loader进行处理，具体可以查看webpac…

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

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

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