1.安装vue-router
项目目录中执行npm install vue-router --save-dev
npm audit fix(修复缺陷)
2.编写Main.js
// 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 router from './router'
Vue.config.productionTip = false;
/* eslint-disable no-new */
new Vue({
el: '#app',
// 配置路由
router,
components: { App },
template: '<App/>'
});
3.创建components/Main.vue及components/Content.vue
<template>
<h1>首页</h1>
</template>
<script>
export default {
name: "Main"
}
</script>
<style scoped>
</style>
<template>
<h1>内容页</h1>
</template>
<script>
export default {
name: