vue-cli

组件路由

vue router是vue.js官方的路由管理器，是一个插件包，需要使用npm命令来安装。先停止服务，输入npm i vue-router@3.5.3执行命令，若不加入版本会默认下载最新版本
在src下创建router目录，建立Index.js，在其中配置路由：

import Vue from 'vue';
import router from 'vue-router'; /* 导入路由 */
import login from '../views/login'; /* 导入其他组件 */
import content from '../components/content'; /* 导入其他组件 */
Vue.use(router)
/* 定义组件路由 */
var rout = new router({
	routes: [
		{
			path: '/index',
			name: 'index',
			component: index
	},
		{
			path: '/content',
			component: content
		}
]
});
//导出路由对象
export default rout;

在main.js中配置路由：

import router from './router/index.js'
Vue.use(router);
new Vue({
	el: '#app',
	router,
	render: h => h(App)
})

在app.vue中配置路由

<router-view>
	<router-link to="/index">首页</router-link>
	<router-link to="/content">内容</router-link>
</router-view>

三级标题

四级标题

五级标题

六级标题