只需要修改四个文件就能实现vue-router的路由效果
1.创建路由组件
位置:src/pages/Home/index.vue(自行创建补全路径)
代码如下:
<template>
<div class="">
大家好 我是Home
</div>
</template>
<script>
export default {
name: '',
props: {},
data () {
return {}
},
components: {
},
computed: {
},
mounted: {
},
watch: {
},
methods: {
},
created () {
},
mounted () {
},
}
</script>
<style scoped>
</style>
2.创建index.js
引入vue 和 vue-router依赖
import Vue from 'vue';
import VueRouter from 'vue-router'