在vue中使用 Echarts组件化 父子组件-->组织结构和布局

首先在src下的views 和 components 下新建两个文件夹

  sellerPage对应着 通过路径访问的文件    Seller对应着 具体的Echarts组件

  在vue中使用 Echarts组件化  父子组件-->组织结构和布局  在vue中使用 Echarts组件化  父子组件-->组织结构和布局

1、想要通过路径去访问sellerPage.vue这个文件的话 首先需要 配置路由

  在src下的router文件夹下的js中配置访问路径及对应的文件

  在vue中使用 Echarts组件化  父子组件-->组织结构和布局

  配置完路由记得在src下的App.vue下配置路由的 占位符标签 router-view

  在vue中使用 Echarts组件化  父子组件-->组织结构和布局

以上的步骤配置完成后 就可以通过访问 ip+端口+ /sellerpage 访问到 sellerPage.vue 文件

2、通过sellerPage.vue这个子文件去 连接 具体的Echarts 文件

  在vue中使用 Echarts组件化  父子组件-->组织结构和布局

3、具体的Echarts组件 内容

  在vue中使用 Echarts组件化  父子组件-->组织结构和布局

4、测试 访问 /sellerpage 这个路径看看有没有   seller组件    这句话

在vue中使用 Echarts组件化  父子组件-->组织结构和布局

 

在vue中使用 Echarts组件化 父子组件-->组织结构和布局

上一篇:这台计算机上缺少此项目引用的 NuGet 程序包-缺少的文件是 ..\packages\Microsoft.CodeDom.Providers.DotNetCompilerPlatform.1.0.0\build\Microsoft.CodeDom.Providers.DotNetCompilerP


下一篇:offsetHeight、scrollHeight、clientHeight