2018-09-23路由 (vue-router.js)

Vue Router 是vue.js官方的路由管理器 第三方工具库=>vue-router.js
允许用过不同的url来访问不同的页面（页面之间的跳转）
spa（single page application）单页面应用

1.写好每个页面及页面盛放内容

     首页
      详情页
      
      

2.创建组件

        var Home={
            template:`
                
这是首页
            `
        }
        
        var Detail={
             template:`
                
这是详情页
            `
        }

3.配置路由

        const routes=[
            {path:'/home',component:Home},
            {path:'/detail',component:Detail}
        ]

4.创建一个路由实例

        const router=new VueRouter({
            routes:routes
        })

5.把路由挂在到vue实例上

       new Vue({
           el:'#app',
           router:router
       })