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

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

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

其中，name_of_your_css是你要銷(xiāo)毀的CSS的ID。

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

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

如果你想在頁(yè)面切換時(shí)銷(xiāo)毀CSS，可以在Vue Router的beforeEach鉤子函數(shù)中進(jìn)行操作：

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

以上就是在Vue中銷(xiāo)毀CSS的方法，靈活運(yùn)用可以更好地滿(mǎn)足頁(yè)面需求。