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

只需修改 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
    }
  ]
})

猜你喜欢

转载自blog.csdn.net/qq_33867131/article/details/81262975