二。使用vue
1.想使用vue，必须创建一个vue实例，且要传入一个配置对象
2.root容器里的代码依然符合html中规范
3.root容器里的代码被称为【vue模板】
--><body>
<div id="root">
<h1>hello,{{name}}</h1>
</div>
<a href="{{link}}" target="_blank" id="a1">百度 {{link}}</a>
<script type="text/javascript">//1.小练习：使用JS中语句赋值到html中
Vue.config.productionTip = false;//解决报错
new Vue({
el:'#root',
data:{
name :'XXX',
}
})
</script>
</body> ![web前端布局练手项目[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)