vue之计算属性computed

232 阅读1分钟

一、计算属性是我们在项目中比较常用的一个api,特别是我们在组件传值的时候,使用计算属性能确保你能获取到最新的值,这样子页面展示的就是更新后最新的值了,上代码。

computed:{
   dataList(){
   return this.data
   }
}
// 调用时可以直接使用dataList了

计算属性,最后我们得到的是数据,而且是变化后最新的数据,只要数据发生变化,它就会生效了,这样子保证你数据变化后能及时更新,不至于数据变化了但页面展示的还是旧数据。

二、它跟watch都可以监听数据的变化,那么什么时候该用哪个呢。请记住这一点,当你需要在数据变化后执行某个动作时就用watch,当你只是需要最新的数据或者组合后的数据时就使用computed,你get到了吗