Vue 'data' 选项


示例

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

export default {
  data() {
    return {
      msg: 'Hello World!'
    };
  }
};
运行示例 »

定义和用法

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

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

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

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


相关页面

Vue 教程:Vue 简介

Vue 参考:Vue $data 对象