怎么用vue给标签赋值?

本文小编为大家详细介绍“怎么用vue给标签赋值”,内容详细,步骤清晰,细节处理妥当,希望这篇“怎么用vue给标签赋值”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

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

vue init webpack myvue

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


<div >
<div> label>{{names}}</div>
</div>

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


<div >
<div> v-bind:label>{{names}}</div>
</div>

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

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

读到这里,这篇“怎么用vue给标签赋值”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注***行业资讯频道。