[JavaScript知识库]vue易错备忘录

computed（计算属性）

拥有缓存属性；

vue 提倡使用计算属性；
只有当依赖的数据发生变化时,关联的数据才会变化,
当**一个属性受多个属性**影响时就需要用到computed
适用于计算或者格式化数据的场景；
例如：购物车计算价格
只要购买数量,购买价格,优惠券,折扣券等任意一个发生变化,总价都会自动跟踪变化.对于复杂逻辑，vue 提倡使用计算属性；最大特点就是缓存；

watch（监视属性）

**一个数据影响多个数据**
一般用于监控路由、input输入框的值特殊处理等等，它比较适合的场景是一个数据影响多个数据
例子：搜索数据

created

	html加载完成之前，执行。
	执行顺序：父组件-子组件。
	creadted钩子函数主要是用来初始化数据。

mounted

    html加载完成后执行。
    执行顺序：子组件-父组件。
    mounted钩子函数主要是用来执行DOM操作。