使用vue脚手架和vue路由创建简单的vue项目

1.完成vue脚手架的创建,具体创建方式可查看本人的 vue cli文档

Vue CLI ------脚手架_QiQi613的博客-CSDN博客

2.安装路由 npm i vue-router@3.4.9

安装完成后会在package.json 文件中显示

如果vue版本是2.6.10,路由版本就要下载指定的3.4.9,否则可能会出现兼容性问题导致无法使用

 3.在src 文件夹中创建router文件夹

点击src-----单击右键-----点击新建-----点击目录----输入"router"----回车----文件夹创建完毕

4.在创建的router文件夹中新建 index.js  文件

点击router-----单击右键-----点击新建-----点击5js文件----输入"index"----回车----文件创建完毕

 5.将下列代码复制到新建的 index.js 文件中

import Vue from 'vue'
import Router from 'vue-rou