如何从计算的属性Vue.js访问数据

我使用Vue.js，当我尝试从计算属性中的数据访问variables时，它返回undefined 。 代码如下：

  <script> export default { name: 'app', data: () => { return { lang: 'sp' } }, computed: { langEn: () => this.lang === 'en', langSp: () => this.lang === 'sp' } } </script> 

这是一个NPM项目。 并在.vue文件中。 这样使用时可能会有不同的performance？

谢谢您的帮助

Answer 1

这是一个非常普遍的错误。

定义计算时不要使用粗体箭头。

当你使用胖箭头来定义你的计算方法或数据时，你可以从词法上捕捉它，它将指向window而不是你的Vue。

 <script> export default { name: 'app', data() { return { lang: 'sp' } }, computed: { langEn(){return this.lang === 'en'}, langSp(){return this.lang === 'sp'} } } </script>