javascript - 如何在Vue.js中使用数据设置其他数据

Question

我想在一个组件中设置由该组件中的其他数据定义的数据。类似...

new Vue({
  data: () => ({
    FirstName: "Mark", 
    LastName: "Zuckerberg",
    FullName: this.FirstName + this.LastName
  }),
  // ..
})

错误

Answer 1

使用计算。

在数据下插入以下代码。

computed: {
    FullName() {
         return this.FirstName + this.LastName;
    },
}

您可以在组件内使用 this.FullName。