这是我学习vue的整理笔记。是我对各个视频和文档的综合理解,以备我日后复习存储。如果有错误的地方,还请各位大佬多多赐教。
template标签用法知识点整理
一、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来作为模板,并编译生成渲染函数。