vuejs 配置路由

vuejs 路由加载

1, 安装
   npm install --save vue-router

2, 引用
   import VueRouter from 'vue-router'

3, 配置路由文件
   var router = new VueRouter({
   routes:[
    {
      path:"/hello",
      component:HelloWorld
    },
    {
      path:"/wen",
      component:HelloWen
    }
   ]
   })
    
   new Vue({
   el: '#app',
   components: { App },
   router,
   template: '<App/>'
   })

4, 视图加载的位置
   
   默认App.vue文件中加<router-view></router-view>

5，跳转导航

<router-link to="/hello">helloword</router-link>（渲染出来的是a标签）