vue router配置与使用

版权声明：Yangliwei 版权所有 https://blog.csdn.net/qq_32674347/article/details/87860158

1，安装vuerouter

npm install vue-router --save-dev

2，在项目的src目录创建router.js

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

import hello from "./components/HelloWorld";

// 要告诉 vue 使用 vueRouter
Vue.use(VueRouter);

const routes = [{
  path:"/",
  component:hello
},
  {
      path:"/home",
      component: hello
  }
]

// 声明vuerouter并使用配置
var router =  new VueRouter({
  routes
})

export default router;

3,在main.js中使用

import Vue from 'vue'
import App from './App.vue'

// 引入路由
import router from "./router.js" 

Vue.config.productionTip = false

new Vue({
  router,  // 注入到根实例中
  render: h => h(App),
}).$mount('#app')