第一种写法:字符串模版写法直接写在template属性里面,这种写法比较直观,适用于html代码不多的场景,但如果html代码很多,就不方便维护了,所以如果代码多就不建议这么写:
文章插图
第二种写法:template标签在template属性里写模版id,这种和上面的写法很像,只不过单独把html的内容移到template标签里面,写起来就像正常的html一样,还有代码提示
文章插图
第三种写法:x-template写法在一个 <script> 元素中,并为其带上 text/x-template 的类型,然后通过一个 id 将模板引用过去
文章插图
【Vue里面template的几种写法】
以上就是介绍的几种模版写法 。
推荐阅读
- pdf里面怎么编辑文字?pdf怎么才能修改里面文字?
- 历史金字塔里面的木乃伊是什么样子的 金字塔用来干嘛的,木乃伊怎么形成的
- 开箱即用 vue全家桶+vant移动端解决方案
- 为什么两个葡萄不能同时放在微波炉里面,葡萄放到微波炉里加热会怎么样?
- 为什么你买的光纤跳线那么便宜,原来这里面门道不少
- 火山爆发之后流出的岩浆最后形成什么了 为什么火山里面会有岩浆
- 神农架里面有什么动物 神农架野人故事
- 红茶里面有没有热量,红茶黄油苏打饼干的做法
- 脸上长脓包里面硬硬是什么原因 脸上长个包里面很硬会流脓
- Vue、React 和 Angular:该选择哪个框架?