在template
Vue构造函数选项的Vue文档中指出,除非除非模板中存在内容分发槽,否则不会显示根元素的内容。但是,当尝试编写如下内容时:
new Vue({
el: '#app',
template: `
<div>
<h1>App title</h1>
<slot></slot>
</div>
`
});
Run Code Online (Sandbox Code Playgroud)
<html>
<body>
<div id="app">
App content
</div>
<script src="https://unpkg.com/vue@2.5.13/dist/vue.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
不包括根元素中的内容,正确的方法是什么?
或在创建vue实例时以编程方式注入其他内容的建议方法是什么?