02-template标签用法知识点整理

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

template标签用法知识点整理

• 一、template在html中的使用
• 二、template在vue中的使用
• • 1、在组件中使用template
  • 2、在Vue实例中使用template
  • 3、在Vue中使用template原理说明

一、template在html中的使用

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

二、template在vue中的使用

1、在组件中使用template

2、在Vue实例中使用template

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

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

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！