当条件为 false 的时候，元素不会被渲染在页面上。
当条件为 false 的时候，只是加上了 display: none; 样式，元素总是会被渲染。
绑定属性
v-bind 作用在 HTML attribute 上。
v-bind 可以简写成 ’ : ’
v-on 用于监听 DOM 事件。
v-on 可以简写成 ‘@’
用于遍历 数组 和 对象 的值
为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一 key attribute。
就是说当 数组/对象 中数据更新的时候，如果没提供 key 则 vue 会更新整个列表。如果提供了 key 则 vue 会根据 key 值追踪当前节点并对其进行更新修改项。
一般数据类型监视
watch: { // key 为 data 对象的属性名 key: function(newV, oldV) { console.log(newV, oldV); } }深度监视： Object | Array
watch: { // obj 为对象名 obj: { deep: 'true', handler: function(newV, oldV) { console.log(newV, oldV) } } } computed:{} 计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。这就意味着只要 message 还没有发生改变，多次访问 reversedMessage 计算属性会立即返回之前的计算结果，而不必再次执行函数。
最大的优点：产生缓存
filters: {} // 局部过滤器
Vue.filter(name, (val)=> {}) // 全局过滤器
