vue2.0提供了一个点火电极组件用来缓存组件,避免多次加载相应的组件,减少性能消耗
keep-aliv是Vue.js的一个内置组件。它能够不活动的组件实例保存在内存中,而不是直接将其销毁,它是一个抽象组件,不会被渲染到真实DOM中,也不会出现在父组件链中。
它有两个生命周期:
<李>激活:点火电极组件激活时调用李
<李>停用:点火电极组件停用时调用李
它提供了包括与排除两个属性,允许组件有条件地进行缓存。
维生关键
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt; title> & lt;/title>
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/vue.js "祝辞& lt;/script>
& lt;/head>
& lt; body>
& lt; div id=坝τ谩北?
& lt; keep-alive>
& lt;子组件关键=" 1 " v=翱吹健眓ame=" 1 "祝辞& lt;/child-component>
& lt;子组件关键=" 2 " v=" !看到“name=" 2”祝辞& lt;/child-component>
& lt;/keep-alive>
& lt;按钮@click=扒谢弧弊４莟oggle
& lt;/div>
& lt;脚本type=" text/javascript祝辞
Vue.component(子组件,{
模板:“& lt;输入类型=拔谋尽闭嘉环?笆淙搿痹凇?
数据(){
返回{}
},
道具:“名字”,
安装(){
console.log (“$ {this.name}安装)
}
}）
const vm=new Vue ({
埃尔:“#应用”,
数据:{
看到:真
},
方法:{
切换(){
这一点。看到=! this.seen;
}
}
}）
& lt;/script>
& lt;/body>
& lt;/html>
关键是标识元素不再被复用,注意关键是Vue中的一个保留的属性,不能作为道具传递给子组件,否则会在控制台看到Vue的报错
但是维生标识不重复创建组件实例,也就是只会触发一次创建安装事件,
利用两者可以对组件的复用进行比较精细的管理
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
