vue router

安装:npm install vue-router --save-dev

在router.js中

import Vue from 'vue';
import VueRouter from 'vue-router';

// 引入组件
import hello from "./components/hello.vue";

// 要告诉 vue 使用 vueRouter
Vue.use(VueRouter);
//设置路由配置
const routes = [
  {
    path:"/components/hello",
    component: hello
  }
]
//创建VueRouter实例,关联路由配置
var router =  new VueRouter({
  mode: 'history',
  routes
})
export default router;//导出模块

在入口文件main.js中

//引入并挂载到vue实例上
import router from './router.js'

new Vue({
  el: '#app',
  router,
  render: h => h(App)
})

 

posted on 2019-08-14 11:10  3SU  阅读(169)  评论(0编辑  收藏  举报