生命周期钩子函数
beforeCreate 组件实例刚被创建,组件属性计算之前,如data属性等
created 组件实例创建完成,属性已绑定,但DOM还未生成,$el属性还不存在
beforeMount 模板编译/挂载之前
mounted 模板编译/挂载之后
beforeUpdate 组件更新之前
updated 组件更新之后
activated 组件被激活时调用
deactivated 组件被移除时调用
beforeDestory 组件销毁前调用destoryed 组件销毁后调用
methods(方法)、
methods: 里面是用来定义函数的并且是需要主动调用的,必须要有一定的触发条件才能执行
computed(计算属性)、watch(侦听器)
使用方式不同
computed:计算属性的回调函数方法可以直接在页面中通过插值表达式——{{}}来获取。此时我们不需要再data数据域中再定义一个与方法名相同的属性。
watch:方法名必须是data数据域中所存在的,否则无法使用。
监听数量不同
computed:它可以监听很多个变量,但是这个变量呢一定是在vue实例里面(date)
watch:监听的是一个单一的变量,或是一个数组,
使用场景不同
watch(异步场景)一个数据影响多个数据
computed(数据联动) 一个数据受多个数据影响
共同点:都可以实现通过监控data数据域中属性值的变化来触发相应的回调函数
总结 :
computed(计算属性) :计算是通过变量计算来得出数据。
watch(侦听器) 是观察监听一个特定的值,根据被观察监听者的变动进行相应的变化,