@vue/cli 在帮助我们创建项目的同时,也生成了很多无用的代码,那么这一小节我们需要去除掉这些无用的代码。
去除的方式如下所示:
- App.vue 初始化代码如下:
<template>
<router-view />
</template>
<style lang="scss"></style>
-
删除 views 文件夹下的所有 .vue 文件
-
删除 components 文件夹下的所有 .vue 文件
-
router/index.js 中初始化代码如下:
import { createRouter, createWebHashHistory } from 'vue-router'
const routes = []
const router = createRouter({
history: createWebHashHistory(),
routes
})
export default router -
浏览器中重新访问你的应用,得到如下页面即可: