今天要讲的技巧是我以前从我朋友 Damian Dulisz 那里学来的。他是 Vue.js 核心团队的成员，就是那个官方新闻站点 Vue newsletter 的建设者，也还是 vue-multiselect 库的作者。 在一些场景中，我需要在父组件上知道子组件什么时候被创建、…

Vue的组件对象支持计算属性computed和侦听属性watch两个选项，但这两个属性用法有什么异同以及它们底层实现的原理是什么？本文将用例子结合源码来进行总结。 1.computed是计算属性，类似于过滤器,对绑定到视图的数据进行处理,并监听变化进而执行对应的方法，对这部分不…

因为最近做的项目采取的技术栈是vue.js，加上自己对vue.js的底层运行机制很感兴趣，所以最近每天花点时间，大概一两个月左右把vue.js源码捋了一遍，在这里针对模版和数据渲染成最终的DOM的过程这一部分做一下总结。 在看源码的过程当中，可能当中有自己理解出偏差或者大家有理…

记得初学Vue源码的时候，在defineReactive、Observer、Dep、Watcher等等内部设计源码之间跳来跳去，发现再也绕不出来了。Vue发展了很久，很多fix和feature的增加让内部源码越来越庞大，太多的边界情况和优化设计掩盖了原本精简的代码设计，让新手阅…

请原谅我起了这么个浓浓营销号味道的标题。但这可丝毫没有夸大宣传，而是前端娱乐圈今日份的瓜—— 然后他自己也做错了（其中的某两道）。 Vue Core Team 的 @胖茶 40 分，可能说明带他的 mentor 不懂 Vue？不过他第二次做就拿了 90 分……这很赘婿逆袭啊。 …

created时，可用data和prop中的数据。 computed的属性，当在mounted或者dom中使用到时，才会属性的执行代码。 最后是mouted，可使用前面的数据，并且此时才可以操作dom。 watch不会再创建阶段自动执行，除了添加立即执行这个配置项。 计算属性是…

要理解这句话，首先要了解一下vue的异步更新队列，Vue 异步执行 DOM 更新。只要观察到数据变化，不会立即更新DOM,Vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据改变。如果同一个 数据被的多次 改变，只会被推入到队列中一次。例如，当你设置 vm.someDa…

最近一直在开发后台管理系统，日复一日的重复着表单表格表格表单，标准的CV仔，感觉好无聊，如何能在这种无聊的开发过程中去提升自己，小编今天又整理了一波新的Vue实战技巧，这些技巧，不用则已，一用惊人。同时你也可以点击下面的链接阅读近期小编的文章。 插槽，相信每一位Vue都有使用过…

最近项目中多次用到了Popover弹出框，在使用时，也遇到了一些坑，比如如何控制显示和隐藏，及在表格数据中如何针对当条数据进行显示和隐藏，所以对Popover相关知识做了一个总结。 Popover 有四种激活方式，主要支持四种触发方式：hover，click，focus 和 m…