Vue在頁面加載完成后，會生成DOM節(jié)點，然后應(yīng)用CSS進行樣式渲染，但是在一些情況下，我們需要銷毀CSS，例如切換頁面或者頁面銷毀等場景，本文將介紹如何在Vue中銷毀CSS。

Vue提供了一個鉤子函數(shù)destroyed，可以在組件銷毀之前進行操作。我們可以在這個鉤子函數(shù)中使用以下代碼銷毀CSS：

destroyed () {
const el = document.querySelector('#name_of_your_css')
el.parentNode.removeChild(el)
}

其中，name_of_your_css是你要銷毀的CSS的ID。

如果你使用的是vue-cli創(chuàng)建的項目，可以在App.vue的生命周期函數(shù)beforeDestroy中進行操作：

beforeDestroy () {
const el = document.querySelector('#name_of_your_css')
el.parentNode.removeChild(el)
}

如果你想在頁面切換時銷毀CSS，可以在Vue Router的beforeEach鉤子函數(shù)中進行操作：

beforeEach ((to, from, next) =>{
const el = document.querySelector('#name_of_your_css')
if (el) {
el.parentNode.removeChild(el)
}
next()
})

以上就是在Vue中銷毀CSS的方法，靈活運用可以更好地滿足頁面需求。