div中{{msg}}不显示

<div id="root">{{msg}}</div>

<script>

new Vue({

el:"#root",

template:'<h1>hi world {{msg}}</h1>',

data:{

msg:"hello world"

}

})

慕粉1409334980

2018-05-02

源自：vue2.5入门 2-2

关注问题我要回答

2595

操作

收起

4 回答

qq_慕仰8158053
2018-11-09

{{msg}}和'<h1>hi world {{msg}}</h1>'是两个不同的模板，一个挂载点只能有一个模板，根据就近原则显示的是'<h1>hi world {{msg}}</h1>'

0 回复有任何疑惑可以回复我~

甄甄甄甄甄
2018-05-28

vue里面的template和div里面的{{msg}}冲突，{{msg}}也是一个模板，template也是一个模板，{{msg}}被覆盖

1 回复有任何疑惑可以回复我~

itCor
2018-05-03

要写成。data(){

return{

msg:"hello world"

}

}

上面我写错了 return

0 回复有任何疑惑可以回复我~

#1

qq_拥有你_03796447

直接写： date:{ msg:"hello world" } 为什么不会出来

2018-05-25 回复有任何疑惑可以回复我~

#2

qq_小先生_12 回复 qq_拥有你_03796447

data写错了

2018-07-09 回复有任何疑惑可以回复我~

itCor
2018-05-03

要写成。data(){

retrun{

msg:"hello world"

}

}

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

参与学习 146153 人
解答问题 655 个

快速理解Vue编程理念上手Vue2.0开发。

本课相似问答

2 回答div id="root">{{msg}}</div> 为什么是{{msg}}不是{{data.msg}}

2 回答我的浏览器显示｛｛msg｝｝

3 回答代码和视频一样啊，开始页面不显示helloworld显示{{msg}}

1 回答显示{{msg}} 为什么？路径没错啊？

3 回答为什么Chrome浏览器显示内容，IE浏览器显示是{{msg}}啊？

搜索更多本课相关问答

div中{{msg}}不显示

我要回答关注问题

意见反馈帮助中心 APP下载