普通属性-data【vue实例下的属性】
- 普通属性的值是固定的
- 只能通过代码中手动修改或是使用双向绑定
计算属性-computed【vue实例下的属性】
- 普通属性的值是通过计算的返回值获得的
- 函数式写法，通过返回值把计算结果返回，作为计算属性的值
- 计算属性用到普通属性计算，普通属性变化计算属性就会自动重新计算
响应式渲染-$set
- 有get，set方法的属性才能实现响应式
- 手动添加属性用this·$set才能实现响应式
- data中添加数据
监听器-watch【监听vue实例下属性的变化】
- 函数式写法-函数名是要监听的属性
- 第一个参数是最新的值，第二个参数是旧的值
- 深度监听时为对象式写法
- deep-是否开启深度监听值是布尔
- handler-深度监听开启后执行的函数
监听器和计算属性的区别
- 计算属性是属性，值通过返回值获得
- 监听器是监听属性的变化，触发监听器执行
