vue如何给标签赋值 vue给标签属性赋值

文章摘要：vue如何给标签赋值 vue给标签属性赋值

在vue中给标签赋值的方法：1.新建vue.js项目；2.在项目中添加div标签，并设置labelId属性；3 […]

在vue中给标签赋值的方法：1.新建vue.js项目；2.在项目中添加div标签，并设置labelId属性；3.使用v-bind指令绑定标签属性；4.通过例化vue对象给标签赋值；

具体步骤如下：

1.首先，在vue-cli中创建一个vue.js项目；

vue init webpack myvue

2.vue.js项目创建好后，在项目中添加一个div标签，并设置labelId属性；

<div id="app">
<div> labelId="ids">{{names}}</div>
</div>

3.div标签添加好后，使用v-bind指令与标签属性进行绑定；

<div id="app">
<div> v-bind:labelId="ids">{{names}}</div>
</div>

4.最后，标签属性绑定好后，通过实例化vue对象即可给标签赋值；

let v = new Vue({

el:"#app",

data(){

return{

names:"hello world!"

}

},

})