Vue data属性使用方法详解

使用Vue时，data属性如何应用？接下来为大家详细演示具体用法。

1、 准备Vue的JS库和一个HTML文件，具体所示。

2、 在Vue中引入Vue库文件，具体操作见下图。

3、 添加页面元素并实例化Vue，具体所示。

4、 添加data属性并返回一个对象，具体所示。

5、 运行后即可查看data中的内容输出，效果所示。

6、 请注意，添加数据时应选择上方位置，而非下方。

7、 Vue中可直接在data返回对象并在页面输出，操作简单，值得一试。