标签：computed methods window 属性 data 函数

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

标签：computed,methods,window,属性,data,函数
来源： https://www.cnblogs.com/effortandluck/p/16411922.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。