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:'默认数据',