javascript - 对 vuejs-templates webpack-simple 代码片段感到困惑

我是 JavaScript 新手。

通过阅读示例开始学习 Vue.js。

但是我对 vuejs-templates/webpack-simple 的代码片段感到困惑.

  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }

我想知道为什么代码不能这样写

  data: () => {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }

我已经尝试了这两个代码，结果相同。

阅读Vue.js文档无法理解。

请帮助我理解这段代码。

感谢您花时间阅读我的问题。

最佳答案

问题不在于为什么不这样做，而是关于为什么应该这样做。

在这两种情况下，您都定义了一个函数，它是对象文字的成员。在es6中有一个特性method properties ，用作速记符号。另请参阅MDN .

关于javascript - 对 vuejs-templates webpack-simple 代码片段感到困惑，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42993466/