methods属性 就是里面写方法的属性 computed是里面写计算的属性

methods属性  就是里面写方法的属性  computed是里面写计算的属性 

computed:{message(){return "hello computed"}}当中computed是计算属性。message是里面的计算方法取名的叫这个，也可以取名叫别的。

 

methods属性

秃头的科比

于 2021-08-30 13:31:24 发布

217
收藏
分类专栏： VUE 文章标签： vue.js
版权

VUE
专栏收录该内容
14 篇文章2 订阅
订阅专栏
methods属性是一个对象，通常我们会在这个对象中定义很多的方法，这些方法会被绑定到vue的template模板中，在methods中定义的方法，我们可以直接使用this关键字来访问到data中所返回的对象。

下面是一段官方文档对methods选项的描述，注意：不应该使用箭头函数来定义methods中的函数，理由是箭头函数绑定了父级作用域的上下文，所以this将不会按照所期望的去指向组件实例，因此这时的this.a将会是undefined。

而根据官方文档的这段描述便可以对以下两个问题作出简要的回答了：

问题一：为什么不能使用箭头函数去定义函数呢？

我们需要在methods中使用data所返回的数据，那么这个this是必须有值的并且应该可以通过this获取到data返回对象中的数据，this不可以是window，因为window中我们无法获取到data返回对象中的数据；但是如果我们使用箭头函数，那么这个this就会是window了。

问题二：不使用箭头函数的情况下，this到底指向的是什么？

此时this指向的是组件实例，所以可以获取到data所返回的数据，否则指向的是window。
————————————————
版权声明：本文为CSDN博主「秃头的科比」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_43933771/article/details/119995184