computed计算属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>计算属性</title></head><body> <h1>计算属性</h1> <br> <div id="app"> {{newPrice}} </div> <script src="../js/vue.js"></script> <script type="text/javascript"> var app = new Vue({ el: "#app", data: { price: 100, }, computed: { newPrice() { return this.price = '¥' + this.price + '元' } }, }) </script></body></html>复制代码
计算属性
1 是一个函数 ,在页面直接调用函数名
2 必须 返回值 return
3 可以同时 计算多个属性
watch 监听属性
在
watch (){}复制代码
data 中的数据名称作为函数名,且需要返回值,每次只可能监听一个属性
二者不同
计算可以同时计算多个 data 值,监听只可以监听一个data值
转载于:https://juejin.im/post/5d070429e51d457756536792