使用vue的官方文档的tutorial学习;

Computed属性(计算属性)和Watched属性区别

• Computed属性，是有缓存的，只有他依赖的属性变化了，才会重新计算。
• 耗时的、异步的操作，使用Watched属性

v-if VS v-show

• v-if 是“真正的”条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。
• v-show 不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。
• v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销
• 频繁切换，使用v-show更好

组件和v-for

组件里头使用v-for，需要做一个绑定v-bind

• 在同一节点，v-for 优先级比v-if高
• 数组操作函数

Vue不能检测通过arr[i] = newValue和arr.length = newLength;这两种方式变动的数组

第一个问题，解决方法两种

Vue.set(arr, i, newValue)

使用splice函数

arr.splice(i, 1, newValue);

事件处理中特殊变量$event代表的是DOM事件

事件修饰符

methods 只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。