computed和watch数据监听的触发时机

542 阅读1分钟

computed监听数据变化

只有当computed中监听数据变化的计算属性在template中被使用的时候,监听的属性发生变化后才会影响计算属性 1、未在template中计算属性,使用computed中监听的数据发生变化后,计算属性的变化不会触发

computed: { 
    name () { 
        console.log('computed监听的数据变化1') 
        return this.phone 
    }, 
},

2、在template中使用计算属性后,computed中监听的数据发生变化后,计算属性的变化就会触发

<template> 
    <div id="app"> {{name}} </div> 
</template>


computed: { 
    name () { 
        console.log('computed监听的数据变化1') 
        return this.phone 
    }, 
},

watch监听的数据

watch监听的数据不在template中使用,只要数据发生变化就可以被监听到

第一次写文章,有不对的地方还望各位大神指教~~