在vue中使用 Echarts组件化 父子组件--> 初始化样式

在配置完 Echarts 父子组件的结构后 ,需要对他们的样式进行初始化。

  1、那么我们先建一个全局的css文件

  

  2、在 main.js 中引用这个 css文件

  

  3、首先是 App.vue 这个文件

  在 App.vue 这个组件中有一个 div 容器 id="app"  。当我们通过一个 路径 访问组件的时候,

  会呈现在 router-view 中,所以 把这个 app 给初始化。                  

  

   在 css文件中 给他初始化:

  

4、比方说 通过 /sellerpage 访问的时候, 访问的是 sellerPage.vue 这个文件

  

 

  而 seller.vue 这个组件也有自己的容器  ,所以需要把他们都给初始化

  

 

 

5、css 文件初始化 组件的class

  

 

6、通过 开发者工具 可以看到 所有的样式 都被初始化为 全部铺满

  

 

 

 

 

  

 

posted @ 2021-07-30 15:22  cvM01  阅读(255)  评论(0)    收藏  举报