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: ''
   })

4, 视图加载的位置
   
   默认App.vue文件中加

5,跳转导航

helloword(渲染出来的是a标签)

你可能感兴趣的:(VueJS)