Vue 'data' 选项

实例

使用 data 选项中的数据属性来保存消息。

export default {
  data() {
    return {
      msg: 'Hello World!'
    };
  }
};

定义与用法

data 选项是一个函数，它返回一个包含所有数据属性的对象。

data 函数返回的对象可以使用 this.$data，并且可以使用 this.$data.count 或简单地 this.count 访问特定的数据属性 'count'。

名称以 $ 或 _ 的数据属性必须通过 this.$data 对象访问，否则无法访问。

在应用程序开始运行后，可以使用 this.$data 添加新的数据属性，但不建议这样做。

关联页面

Vue 教程: Vue 介绍

Vue 引用参考: Vue $data 对象