Vue默认渲染的是HelloWorld这个组件，那么我们如何重新定义渲染新组件呢？

最新推荐文章于 2024-07-14 11:01:07 发布

chainbees

最新推荐文章于 2024-07-14 11:01:07 发布

阅读量2.6k

点赞数 1

分类专栏： vue

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/qq_33867131/article/details/81262975

版权

vue 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

只需修改 src/route/index.js文件：

import Vue from 'vue'
import Router from 'vue-router'

// import HelloWorld from '@/components/HelloWorld'
// 1、导入新组件( @ 代表 src下的目录，简化地址路径)
import GoodsList from '@/views/GoodsList'
Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      // 2、修改组件名
      name: 'GoodsList',
      component: GoodsList
    }
  ]
})