介绍
今天就跟大家聊聊有关如何在vue项目中使用模板标签,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
它是可以显示模板标签中的内容,但是查看后台的dom结构不存在模板标签。如果模板标签不放在vue实例绑定的元素内部默认里面的内容不能显示在页面上,但是查看后台dom结构存在模板标签。
引用> & lt; div id=癮pp"比;
,& lt; !——此处的模板标签中的内容显示并且在dom中不存在模板标签——比;
,& lt; template>
,& lt; div>我是template
,& lt; div>我是template
,& lt;/template>
& lt;/div>
& lt; !——此处的模板标签中的内容在页面中不显示,但是在dom结构存在该标签及内部结构——比;
& lt; template id=皌em"祝辞
,& lt; div id=癲iv1"在我是template
,& lt; div>我是template
& lt;/template>
https://www.yisu.com/zixun/& lt; script  src=" node_modules/vue/dist/vue.js "> 脚本>
<>脚本
让vm=new Vue ({
埃尔:“#应用”,
});
脚本>
<强>注意:强> vue实例绑定的元素内部的模板标签不支持v-show指令,即v-show=癴alse"对模板标签来说不起作用。但是此时的模板标签支持v, v-else-if, v-else, v代表这些指令。
& lt; div id=癮pp"比;
,& lt; template v=皌rue"比;
,& lt; !——此模板时标签中的内容显示在页面上,但是看dom结构没有模板标签——比;
,& lt; div>我是template
,& lt; div>我是template
,& lt;/template>
,& lt; div v=皌rue"比;
,& lt; !——此时页面上显示div标签中的内容,并且看dom结构存在最外面的div标签——比;
,& lt; div>我是template
,& lt; div>我是template
,& lt;/div>
,& lt; !——此处会输出6个“我是模板,并且dom结构中不存在模板标签——比;
,& lt; template v=癮 3“在拷贝
,& lt; div>我是template
,& lt; div>我是template
,& lt;/template>
& lt;/div>
https://www.yisu.com/zixun/& lt; script  src=" node_modules/vue/dist/vue.js "> 脚本>
<>脚本
让vm=new Vue ({
埃尔:“#应用”,
});
脚本>