使用Vue时,data属性如何应用?接下来为大家详细演示具体用法。
1、 准备Vue的JS库和一个HTML文件,具体所示。
2、 在Vue中引入Vue库文件,具体操作见下图。
3、 添加页面元素并实例化Vue,具体所示。
4、 添加data属性并返回一个对象,具体所示。
5、 运行后即可查看data中的内容输出,效果所示。
6、 请注意,添加数据时应选择上方位置,而非下方。
7、 Vue中可直接在data返回对象并在页面输出,操作简单,值得一试。
使用Vue时,data属性如何应用?接下来为大家详细演示具体用法。
1、 准备Vue的JS库和一个HTML文件,具体所示。
2、 在Vue中引入Vue库文件,具体操作见下图。
3、 添加页面元素并实例化Vue,具体所示。
4、 添加data属性并返回一个对象,具体所示。
5、 运行后即可查看data中的内容输出,效果所示。
6、 请注意,添加数据时应选择上方位置,而非下方。
7、 Vue中可直接在data返回对象并在页面输出,操作简单,值得一试。