如何使用Vue.js设置元素标签属性并动态进行赋值

时间:2024-10-13 00:03:25

1、第一步,在HBuilderX新建一个静态页面,并导入vue.js文件,修改标题内容,如下图所示:

如何使用Vue.js设置元素标签属性并动态进行赋值

3、第三步,再在div标签下方添加一个script,实例化vue对象,给ids和names赋值,如下图所示:

如何使用Vue.js设置元素标签属性并动态进行赋值

5、第五步,检查代码发现如果要绑定标签属性并赋值,需要用到v-bind指令,如下图所示:

如何使用Vue.js设置元素标签属性并动态进行赋值
© 长短途