template标签用法知识点整理

这是我学习vue的整理笔记。是我对各个视频和文档的综合理解，以备我日后复习存储。如果有错误的地方，还请各位大佬多多赐教。

一、template在html中的使用

        html中的template标签中的内容在页面中不会显示。但是在后台查看页面DOM结构存在template标签。这是因为template标签天生不可见，它设置了display:none;属性。

二、template在vue中的使用(template不能和v-show一起使用)

1、在组件中使用template

2、在Vue实例中使用template

3、在Vue中使用template原理说明

• 当Vue选项对象中有render渲染函数时，Vue构造函数将直接使用渲染函数渲染DOM树。
• 当选项对象中没有render渲染函数时，Vue构造函数首先通过将template模板编译生成渲染函数，然后再渲染DOM树。
• 而当Vue选项对象中既没有render渲染函数，也没有template模板时，会通过el属性获取挂载元素的outerHTML来作为模板，并编译生成渲染函数。