美文网首页
初识 vue 常见方法,属性

初识 vue 常见方法,属性

作者: 骚骚乐 | 来源:发表于2019-04-15 10:37 被阅读0次

生命周期钩子函数

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(侦听器)  是观察监听一个特定的值,根据被观察监听者的变动进行相应的变化,

相关文章