数据声明有什么区别？

Question

在nuxt中，当我们想要页面中的一些数据时，我们会使用：

data () {
  return {
    dialog: false
  }
}

但是，组件的语法不同：

data: () => ({
  dialog: false,
})

用于页面的语法不适用于组件。

为什么这里需要改变？

我应该注意哪些行为差异？

Answer 1

绑定上下文不同。箭头函数没有自己的 this。见：Arrow Functions