vue 项目 路由配置问题

第一步要创建页面 

在pages文件创建好页面 

在router文件夹 的 index.js 文件中首先引入vue 和 VueRouter

同时引入自己创建好的页面组件  在vue中设置了 src 目录为@

在index 中用 Vue.use(VueRouter) 并讲route 导出

import Vue from 'vue'

import VueRouter from 'vue-router'

import Home from '@/pages/Home'

import Mall from '@/pages/Mall'

import Cart from '@/pages/Cart'

import Mine from '@/pages/Mine'

Vue.use(VueRouter)

export default new VueRouter({

    routes : [{

        path :'/home',

        component : Home

    },

    {

        path :'/mall',

        component : Mall

    },

在主要渲染的main.js 中 从 router 中引入 router

并在组件中添加 route