慕粉1409334980
2018-05-02 23:23
<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"
}
}
vue2.5入门
146813 学习 · 657 问题
相似问题