vue 脚手架使用路由

概念：
    后端路由：
        后端处理URL和页面之间的映射关系
    
    前端发展阶段：
        1.后端渲染阶段（以jsp，php为代表，其特点为html代码和后端语言代码混写在一起
        2.前后端分离阶段（随着ajax的兴起，后端只提供API来返回数据，前端通过ajax获取
            数据，并且可以通过JavaScript将数据渲染到页面中
        3.单页面富运用阶段
            其实spa最主要的特点是在前后端分离的基础上加了一层前端路由
                也就是前端来维护一套路由规则
            前端路由的核心是什么呢
                改变url，但是页面不进行整体的刷新
    路由的使用步骤:
        步骤一：安装vue-router
            npm install vue-router --save
        
        步骤二：导入路由对象，并且调用Vue.use(VueRouter) 来安装路由功能

        步骤三：路由--组件映射配置
        
        步骤四：在vue实例中导入路由实例
        
        步骤五：使用路由，通过<router-link>（显示a标签）和 <router-view>（占位，决定组件渲染在什么位置）

 

 

 

现在的路由是使用哈希模式，太不美观

我们使用html5的history模式，可以去掉其中的/#

这样配置即可

效果如下