vue中mothods，computed,watch方法的区别
对于一些需要变动的值，比如最初的时候有一个值，在之后我们要将他进行改变。
可选的思路：
1.通过change或者click等这类事件来触发一个函数，在函数内部去修改一个变量。
2.通过watch的方法，监听被改变的变量，然后在watch的那个变量命名的函数中去对我们要修改的值进行重新的赋值，或者是触发一次更新。
3.使用computed的方法，监听一个变量，通过return一个新的变量的方式来更新一个变量的数据。
执行的不同点
1.methods的方法是通过触发一个事件或者函数的回调来实现数据的更新，他的执行，依赖于事件的触发。
2.watch的类似于emit与on这种触发的方式，通过vue的$watch实例监听值得改变来自动的触发一个函数的执行。
3.computed函数的执行最快也是执行最靠前的，在html渲染开始，就已经执行了。
应用场景
methods事件的触发就不说了，直接回调或者是绑定的@这样的事件来触发。
而watch的触发消耗也大，每次数据的改变就要触发一次函数的执行，要节省着点用啊。
computed用在改变一个变量的显示，和data对象里的数据属性是同一类的。返回的值直接就修改掉了原先的值，最大的优点在于简洁速度快也可以作为一个过滤器用也可以起到data中声明一个变量的作用，依赖别的变量来显示新的变量。
<p>Computed reversed message: "{{ reversedMessage }}"</p>
<p>Computed reversed message: "{{message.split('').reverse().join('')}}"</p>
var vm = new Vue({
el: '#example',
data: {
message: 'Hello'
},
computed: {
reversedMessage: function () {
//代替上边的模板的表达式
return this.message.split('').reverse().join('')
}}})内容来源于网络如有侵权请私信删除
- 还没有人评论，欢迎说说您的想法！
客服
