在Vue中，組件的渲染是非常常見的任務。無論是在頁面渲染還是單文件組件中，Vue都為我們提供了非常方便的API來創建和管理組件。

在Vue中，我們可以使用$mount或者template來掛載組件。然而，當我們需要在程序運行時卸載掉已經渲染的組件時，該怎么辦呢？Vue也為我們提供了相關的API來實現這一目的。

Vue中的組件卸載可以通過對組件實例執行$destroy方法進行。這將刪除該組件實例并解除其與DOM的綁定，讓其在文檔中消失。

//通過組件實例調用$destroy方法卸載組件
var vm = new Vue({
el: '#app',
components: {
'my-component': MyComponent
},
mounted: function() {
//卸載組件
this.$refs.myComponent.$destroy();
}
})

在上述代碼中，我們通過$refs屬性獲取了在模板中引入的組件實例，并調用其$destroy方法進行卸載。相應的，Vue還提供了另外一種卸載方式：使用keep-alive組件。

在使用keep-alive組件時，Vue會將組件狀態保存在內存中，等待下次使用。因此，這種方式是適用于需要頻繁出現和隱藏的組件，通過使用keep-alive，我們可以減少不必要的渲染和卸載組件，提高性能。

//使用keep-alive組件來緩存組件狀態
var vm = new Vue({
el: '#app',
components: {
'my-component': MyComponent
},
mounted: function() {
//卸載組件
this.$refs.myComponent.$destroy();
},
template: '<div><keep-alive><my-component ref="myComponent"></my-component></keep-alive></div>'
})

在上述代碼中，我們使用了keep-alive包裹了我們的組件，并將其用于模板中。當我們需要卸載組件時，我們只需要調用實例的$destroy方法即可。同時，keep-alive組件還提供了activated和deactivated鉤子函數，在組件被激活和被關閉時進行相應的操作。

總之，在Vue中，組件的卸載可以通過$destroy方法和keep-alive組件實現。通過這兩種方式，我們可以方便地卸載不再需要的組件，提高程序的性能和代碼的可維護性。