像這樣

相互不影響

所以，最好是做好的CSS設(shè)計(jì)，參考一些CSS組織方式：BEM SMACSS

你可以把公用的樣式多帶帶寫一個(gè)文件在main.js引進(jìn)來，是每個(gè)頁(yè)面都要用到的。然后在組件內(nèi)就用scoped。我也發(fā)現(xiàn)這個(gè)問題了，正在探索。

Scoped是一種方式，但是并不能解決所有問題，比如v-html中的就不在scope中，<slot>的支持也只有2.0的loader才支持。而且scoped方式是Vue特有，如果你使用其他框架，就得另尋方式了。

與加載順序無關(guān)

總結(jié)

以上是生活随笔為你收集整理的VUE SPA应用，每个页面组件多带带引了自己的CSS，页面跳转后，CSS不销毁导致样式冲突的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。