在created中，页面视图未出现，如果请求信息过多，页面会长时间处于白屏状态，DOM节点没出来，无法操作DOM节点。在mounted不会这样，比较好。 keep-alive是一个抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件链中；使用keep-alive包裹动态组…

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

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 计算属性类似于方法，用于输出数据的计算结果，在数据变化时，它会同步更新，计算属性不可与data中的属性重名。 相对于方法，它的优势是当它的依赖变化时，才会重新进行计算，也就是说它拥有缓存，而方法在每次render…

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

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 通过事件修饰符可以实现为事件添加event.preventDefault()、event.stopPropagation()等操作。

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 使用v-for="(item, index) in items"就可以将数组或对象中的数据循环输出。 v-for指令除了常规循环数组、对象外，还可以循环字符串和数字，需要注意的是，循环数字时默认从1开始。 在v-…

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 v-model指令的作用是双向绑定数据，它只能用于输入组件，如input、textarea、select、radio等。 需要注意的是，通过v-model绑定的数据都为字符串。 实现一个简单的双向绑定。 此时通过…

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

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