如何获取vue.js中的data属性值并使用不同方法

时间:2024-10-14 08:56:51

1、第一步,双击打开HBuilderX工具,新建一个html5页面,并引入vue.js文件,如下图所示:

如何获取vue.js中的data属性值并使用不同方法

3、第三步,在div标签下方,添加一个<script></script>挢旗扦渌;标签,添加属性el、data和周期函数created,如下图所示:

如何获取vue.js中的data属性值并使用不同方法

5、第五步,还可以在对象实例化外部,获取data中的属性值,使用v.$data.属性,如下图所示:

如何获取vue.js中的data属性值并使用不同方法
© 阿力知识库