Vue用element-ui不渲染自己的組件問題

 用的技術站是 vue + vuecli + webpack + vue-router + Element-UI

自定義了個Home組件:

Home組件的功能: 輪播圖

將Home組件在vue-router聲明:

在App.vue中:

在這里要說一下Header組件聲明了  router-link 標簽(Home的),並且用了element-ui的容器模板

問題

發現在html頁面中router-view標簽不渲染 

而且Vue也不報錯

 

 

解決問題

不渲染的原因是因為我在全局設置了css樣式 :

並且在main.js中導入了:

 

總結

在用第三方的組件框架時:

盡量不要在全局的css的這個樣式:

<style>
    *{
        margin:0;
        padding:0;
    }
    
</style>

不然會影響第三方的頁面布局,引起不必要的麻煩