vue-router的使用

使用webpack构建vue项目，在将src/main.js替换成如下js文件，在对应的src/components添加User.vue和Test.vue

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import VueRouter from 'vue-router'
import Users from './components/Users'
import Test from './components/Test'

Vue.use(VueRouter)

Vue.config.productionTip = false

//设置路由
const router = new VueRouter({
 mode:'history',
 base:__dirname,
 routes:[
  {path:'/',component:Users},
  {path:'/test',component:Test}
 ]
})

/* eslint-disable no-new */
new Vue({
  router,
  template: `
   <div id='app'>
    <ul>
     <li>
      <router-link to='/'>Users</router-link>
      <router-link to='/test'>Test</router-link>
     </li>
    </ul>
    <router-view></router-view>
   </div>
  `
}).$mount('#app')