本篇文章主要介绍了详解vue 模版组件的三种用法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本文介绍了详解vue 模版组件的三种用法,分享给大家,具体如下:
第一种
//首先,别忘了引入vue.js <div id="user_name_01"></div> // 页面结果 <div>yuxie weiliang age 33</div>
第二种
data里面可以仿佛初始化的数据,然后new的时候,里面的数据会覆盖之前的,可以当做是默认数据
<div id="user_name_02"></div> // 页面结果 <div>yuxie weiliang age 888888</div>
第三种,使用了html模版
//容器 <div id="user_name_03"></div> //模版 <p>{{firstName}} {{lastName}} age {{age}}</p> //js // 页面结果 <div>yuxie weiliang age 33</div>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持gao本文来源gao@!dai!ma.com搞$$代^@码5网@daima搞代码网。
以上就是详解vue 模版组件的三种用法的详细内容,更多请关注gaodaima搞代码网其它相关文章!