运行速度更快:相比较与react而言，同样是操作虚拟dom，就性能而言，vue存在很大的优势。 总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后。 对象为引用类型，当复用组件时，由于数据

1. 自定义v-model 相信大家对于v-model这个指令都很熟悉了。它其实就是一个 <input type="text" :value="num" @input="num=$event.target.value">的语法糖。 但是呢，我们也发现了这个指令只能应用…

现在，Vue.js已成为前端开发的热门框架。有很多工程师利用Vue.js的便利性和强大功能。但是，我们完成的某些解决方案可能未遵循最佳做法。好吧，让我们看一下那些必备的Vue技术。 1. 函数组件 创建一个函数组件非常容易，你需要做的就是在SFC中添加一个 functional…

前两篇讲解了一下 Vuex 的基本使用方法，可是在实际项目中那么写肯定是不合理的，如果组件太多，不可能把所有组件的数据都放到一个 store.js 中的，所以就需要模块化的组织 Vuex，首先看一下 项目结构。 我们就延用上两篇文章中的例子。先说一个各个文件的作用 1. 在 m…

通过在根实例中注册 store 选项，该 store 实例会注入到根组件下的所有子组件中，且子组件能通过 this.$store 访问到。让我们更新下 Counter 组件 的实现： 当一个组件需要获取多个状态时候，将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题，…

1. Mixin是什么 2. 怎么解决需求 3. 原理 2. 怎么解决需求 3. 原理

在第一次调用vuexInit函数时，options.store就是根选项的store，因此会判断其类型是不是function，若是则执行函数并将结果赋值给根实例的$store中，否则直接赋值。 总结：整个mixin文件做的事情，就是利用mixin在各个实例的生命钩子before…

本文纯属个人平时实践过程中的一些经验总结，算是一点点小技巧吧，不是多么高明的技术，如果对你有帮助，那么不胜荣幸。 本文不涉及罕见API使用方法等，大部分内容都是基于对vue的一些实践而已。由于涉嫌投机取巧，可能会带来一些不符合规范的副作用，请根据项目要求酌情使用。 如果只是这样…