Vue基本语法
<body>
<div id=root>
</div>
<script>
new Vue({
el:"#root",
template:'<h1>Hello{{msg}}</h1>',
data:{
msg:" World"
}
})
</script>
</body>
挂载点:元素对应的dom节点
<div id=root>
</div>
//与Vue中id相对应的标签就是挂载点
模板:标签中具体实现的内容
<div id=root>{{msg}}</div>
//里面的内容这就是模板
模板有多种实现形式,可以写在标签里面,也可写在实例里。
<script>
new Vue({
el:"#root",
template:'<h1>Hello{{msg}}</h1>',
data:{
msg:" World"
}
})
</script>
//注意模板template
实例:定义挂载点,把定义的数据与模版结合起来