vue路由基础配置

准备3个文件

1:list.vue路由组件(创建一个vue子组件 路由跳转页面 路径  src/pages/list/List.vue)

2:Home.vue跳转路由的组件    路径  src/pages/home/Home.vue    this.$router.push({path: '/list'})

3:index.js配置路由  router/index.js

import List from '@/pages/list/List' //@表示src  
export default new Router({
  routes: [
    {
      path: '/List',
      name: 'List',
      component: List
    }
  ]
})

猜你喜欢

转载自www.cnblogs.com/lixihong/p/12194183.html
今日推荐