vue项目中使用路由

下载路由

npm install vue-router --save

//在main.js中引入router 并进行挂载
import router from "./router";


new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount("#app");

接下来在src中创建一个router文件，新命名一个index.js文件 

import Vue from 'vue'
import Router from 'vue-router'


Vue.use(Router)


const routes = [{
	path: '/',
    //重定向
	redirect: "/home"
},{
	path: '/home',
	component: () =>
		import('@/views/home/index.vue'),
}]

const router = new Router({
	// mode: "hash", 路由模式默认为hash模式
	routes,
})


export default router

在app.js写一个路由占位符就好了

<div id="app">
      <router-view></router-view>
</div>