Vue.js重点知识

data 和 props的区别

methods、watch、computed

在 Vue 中调用 computed 和调用 data 一样，都是 this.funName,而不是像访问 methods 中的方法那样使用 this.funName()。一般情况 watch 与 computed 都是系统自动调用去实现数据改变的。

注意，不应该使用箭头函数来定义 methods 函数（例如 plus: () => this.a++）。理由是箭头函数绑定了父级作用域的上下文，所以 this 将不会按照期望指向 Vue 实例，this.a 将是 undefined。

官网的解释是这样的：

v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。

v-show 就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。 v-if 减少了整个页面的元素节点，但是如果存在经常切换显示与否的状态，就需要使用 v-show，因为重新渲染或者销毁元素的消耗会远远大于简单的 CSS 样式隐藏与显示。

HTML 特性是不区分大小写的。所以，当使用的不是字符串模板时，camelCase（驼峰式命名）的 prop 需要转换为相对应的 kebab-case（短横线分隔式命名）。

组件：高复用性、易维护性、内聚性、低耦合性。