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

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

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

1、第一步,双击打开HBuilderX工具,新建一个html5页面,并引入vue.js文件,如下图所示:
3、第三步,在div标签下方,添加一个<script></script>挢旗扦渌;标签,添加属性el、data和周期函数created,如下图所示:
5、第五步,还可以在对象实例化外部,获取data中的属性值,使用v.$data.属性,如下图所示: