计算属性 computed与 watch 的区别

计算属性

场景 计算属性:一个变量的值 需要用另外变量计算拿得到

简单的写法

计算属性的基本的使用

计算属性的特点是函数内使用的变量改变 会重新 计算结果返回

computed计算属性有缓存

计算属性优点 

带有缓存 计算属性对应函数执行后会把return的值缓存起来

依赖项不变 会从缓存中取值

依赖项变化 函数 会 自动 重新 执行并且缓存新的值

在computed中，属性都有一个get和一个set方法，当数据返回时调用get方法，数据变化时调用set方法

计算属性的完整的写法

 watch 有两个参数 

wtach的基本的写法

watch不支持缓存，不论监听的数据是否重复都会被监听到

watch 支持异步 其中watch进行数据的的操作

监听的函数接受两个参数 newval  第一个参数是当前最新的值  oldval 上一刻的值

 immediate:true

组件触发立即执行回调函数  true 表示立即执行并且

watch 中的deep 进行深度监听 object的属性

  <input type="text" v-model="name" />

watch有两个参数
newold 当前最新的值
oldval 上一刻的值
watch:{
    name:(newold oldval){
      console.log(newval, oldval)
}
}
持续更新中...