leehome

允许我们手动判断是否要进行组件更新，我们可以根据应用场景灵活的设置返回值，以避免不必要的更新。 当我们在组件中使用了 setInterval，那我们就需要在这个方法中调用 clearInterval。如果手动使用了 addEventListener 绑定了事件，也需要解绑事件。…

this.state.n+=1 改变了n,但是UI不是自动更新而已，调用setState才会触发UI更新（异步更新）。 React的编程模型：一个对象，对应一个虚拟DOM，另一个对象，对应另一个虚拟DOM,对比两个虚拟DOM,找不同最后局部更新DOM。 函数组件的setX则完全…

JavaScript在ES6语法中新增了箭头函数，相较于传统函数，箭头函数不仅更加简洁，而且在this方面进行了改进。 除了箭头函数，我们使用call方法调用函数时传递的第一个参数，它可以在函数调用时修改，在函数没有调用的时候，this的值是无法确定。 如果没有使用过call方…

vue 修饰符sync的功能是：当一个子组件改变了一个 props的值时，这个变化也会同步到父组件中所绑定。 Vue组件不能修改props外部数据，但是$emit可以触发事件，并传参，$event可获取$emit的参数。

计算属性将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例。 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护，当你想要在模板中多包含此处的翻转字符串时，就会更…

如果一个物体能对外界的刺激做出反应，它就是响应式的。 如果我们修改vm.n(vm是data对象的代理)，那么UI中的n就会响应我，Vue2通过Object.defineProperty来实现数据响应式。 当你把一个普通的js对象传入Vue实例作为data选项，Vue将遍历此对象…

请确认了解不同构建版本并在你发布的站点中使用生产环境版本，把 vue.js 换成 vue.min.js。这是一个更小的构建，可以带来比开发环境下更快的速度体验。 编译器：用来将模板字符串编译成为 JavaScript 渲染函数的代码。 运行时版本vue.runtime.js:用…

webpack是模块化管理工具，使用webpack可以对模块进行压缩、预处理、按需打包、按需加载等。 万物皆模块：就像JS文件可以当做模块，那么其他所有的文件（CSS，图片，HTML）都可以当做模块。 按需加载，异步加载：一般的模块打包器会打包所有的模块然后生成一个巨大的输出文…

MVC（Model-View-Controller）是一种万金油似的设计模式，所有的页面都可以使用MVC来优化代码结构。 我们想实现m.data数据更新的时候提示c.render来重新渲染的时候得用到事件监听和触发，所以我们来引用一个eventBus来实现对象间的通信。 所谓表…