<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="vue.js"></script>
</head>
<body>
<div id="box">
<button @click="name=name=='len'?'veb':'len'">切換</button>
<!--沒加keep-alive的時候veb會出發(fā)多次-->
<keep-alive>
<componnet :is="name"></componnet>
</keep-alive>
</div>
</body>
<script>
Vue.component("veb",{
created:function(){
console.log("a")
},
template:"<h1>hello</h1>"
})
Vue.component("len",{
template:"<h1>world</h1>"
})
var box=new Vue({
el:"#box",
data:{
name:"veb"
}
})
</script>
</html>
vue動態(tài)組件
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 我在Vue動態(tài)組件上的坑上重復(fù)踩了兩次，一模一樣的兩次思考過程。 我想，這個重復(fù)思考的過程并不是偶然，說明是很有必...
- 本文寫給對Vue組件了解的基礎(chǔ)上，如果你不明白什么是Vue的組件，可以去官網(wǎng)看看Vue組件基礎(chǔ)。在Vue中有一個 ...
- vue與jquery相比，最大的變化就是大大減少了節(jié)點的操作，組件化更是好用到不行。往日都是用jquery做tab...
