为了账号安全,请及时绑定邮箱和手机立即绑定

渲染时<div class="root"></div>不见了


<div class="root"></div>

<script>

new Vue({

el: '.root',

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

data: {

msg: "hello word"

}

})

</script>

为什么在页面渲染的时候是
<h1>hello word</h1>

而不是
<div class="root"><h1>hello word</h1></div>

正在回答

2 回答

template: '<div class="root"><h1>{{msg}}</h1></div>',

简单理解为获取一个div元素,把获取的这部分元素完全替换template里的内容

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

template属性内容会替换掉挂载点 到后面的组件开发会有说明

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

_Zaki_ 提问者

那如果想渲染出<div class="root"><h1>hello word</h1></div> 该如何实现呢?
2018-08-09 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

渲染时<div class="root"></div>不见了

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信