template标签和标签**

1.template标签,HTML5提供的新标签,更加规范和语义化 ;可以把列表项放入template标签中,然后进行批量渲染

hello world!

在HTML页面中复制以上代码,发现在浏览器并没有渲染出任何信息,这是因为template标签内容天生不可见,设置了display:none;属性,同样我们也需要留意一些js操作template标签的具体事项:

var tem =document.getElementById(“tem”);//获取template标签
console.log(tem);
发现,在控制台输出的dom结构是这样的:

所以要操作template标签内部的dom必须要用下面的方法–content属性:

var tem =document.getElementById(“tem”);//获取template标签
var title = tem.content.getElementById(“title”); //在template标签内部内容,必须要用.content属性才可以访问到
console.log(title);
2.在非单组件文件的vue.js的程序里,常会见到一个标签,似乎在官网上也没有专门讲到这个标签,**那这个到底是什么呢?
实际上是被当做一个不可见的包裹元素,主要用于分组的条件判断和列表渲染。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值