Vue.js中如何動態的載入、卸載組件？

01-05

項目中使用了Vue.js、Vue router，需求如下：
1、當用戶關閉component時，將該component卸載，再次打開時重新載入。
2、當用戶切換到其他component時，該component是被緩存的，切換回來時是已經載入過的。

現在Vue router中是通過keep-alive統一設置的，要麼是全部緩存、要麼全部重新載入。
請教如何實現以上需求？多謝。

挖個墳

看起來主要矛盾就是只給部分組件加上&啊，在app.vue里這樣

& & && &

& &&

然後在設置路由信息的時候這樣

{ path: "", name: "", component: , meta: {keepAlive: true} // 這個是需要keepalive的 }, { path: "", name: "", component: , meta: {keepAlive: false} // 這是不會被keepalive的 }

不知道答主是不是問的這個，使用canReuse設置各個組件自身是否可以被重用。

canReuse | vue-router文檔 npm package

&

標籤也是可以增加 v-if 指令的

//Hello.Vue & & &你來搞我啊& & &


&

export default {

name: "hello",

created(){

console.log("我活了")

        },

destroyed(){

console.log("我死了")

        },

data () {

return {

msg: "Welcome to Your Vue.js App"

            }

        }

    }

&
&

&