<div id="root">{{msg}}</div>
<script>
new Vue({
el:"#root",
template:'<h1>hi world {{msg}}</h1>',
data:{
msg:"hello world"
}
})
{{msg}}和'<h1>hi world {{msg}}</h1>'是两个不同的模板，一个挂载点只能有一个模板，根据就近原则显示的是'<h1>hi world {{msg}}</h1>'
vue里面的template和div里面的{{msg}}冲突，{{msg}}也是一个模板，template也是一个模板，{{msg}}被覆盖
要写成 。data(){
return{
msg:"hello world"
}
}
上面我写错了 return
要写成 。data(){
retrun{
msg:"hello world"
}
}