小知识①v-once②is③props校验④组件绑定原生事件⑤插槽slot

本文介绍了Vue.js中的一些实用小知识,包括v-once指令用于一次性渲染元素和组件以提升性能,is属性解决模板标签中的问题,props参数的校验确保数据传递正确性,如何给组件绑定原生事件,以及插槽的三种用法,包括默认插槽、具名插槽和作用域插槽,通过实例展示了它们的应用。
摘要由CSDN通过智能技术生成

1. v-once

①v-once这个指令不需要任何表达式,
②它的作用就是定义它的元素或组件只会渲染一次,包括元素或者组件的所有字节点。
有效提高静态内容的展示效率。
③首次渲染后,不再随着数据的改变而重新渲染。

第一次渲染后,放到内存中。

例子1:使用方法

Vue.component('child-one',{
    template:'<div v-once>这是childone组件</div>'
})

2.is的使用

解决模板标签中的使用bug

 <ul>
     <li is="row"></li>
 </ul>

Vue.component('row',{
    template:'<li>这是childone组件</li>'
})

3.props的参数校验

props:['content']
props:{
        data1:String,
        data2:[String,Number],
        data3:{
            type:String,
            required: true,   //必须传
            default:'默认数据',
           
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值