1、新建一个pages文件夹，里面01_props文件夹、02_custom-event文件夹，文件夹里面新建文件如下

2、在father.vue父文件引入子组件，并添加以下样式：

3、子组件child.vue文件夹如是添加：

4、安装router，执行命令：

npm install vue-router@4 

5、创建文件：src\router\index.ts，引入createRouter、createWebHashHistory，创建路由器，export暴露出来，页面如下：

6、在main.ts文件中引入：import router from "./router”，并且安装app.use(router)

效果如下：

7、在App.vue文件中使用bootstrap搭建框架，用router-link标签构建路由链接，router-view标签展示内容

8、运行项目得到如下：