vue如何給標(biāo)簽賦值

vue
養(yǎng)魚的貓咪
3076
2021-05-14 13:35:54
欄目: 編程語言

在vue中給標(biāo)簽賦值的方法：1.新建vue.js項(xiàng)目；2.在項(xiàng)目中添加div標(biāo)簽，并設(shè)置labelId屬性；3.使用v-bind指令綁定標(biāo)簽屬性；4.通過例化vue對(duì)象給標(biāo)簽賦值；

vue如何給標(biāo)簽賦值

具體步驟如下：

1.首先，在vue-cli中創(chuàng)建一個(gè)vue.js項(xiàng)目；

vue init webpack myvue

2.vue.js項(xiàng)目創(chuàng)建好后，在項(xiàng)目中添加一個(gè)div標(biāo)簽，并設(shè)置labelId屬性；

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

3.div標(biāo)簽添加好后，使用v-bind指令與標(biāo)簽屬性進(jìn)行綁定；

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

4.最后，標(biāo)簽屬性綁定好后，通過實(shí)例化vue對(duì)象即可給標(biāo)簽賦值；

let v = new Vue({
el:"#app",
data(){
return{
names:"hello world!"
}
},
})

0 踩