1.安装路由模块 npm install vue-router@next --save
2.新建home.vue /news.vue/user.vue等组件
3.新建routes.ts文件,引入组件配置文件并将其暴露出去
4.在main.ts中引入并挂载路由
5.在app.vue中使用router-view动态挂载路由
6.使用npm run serve运行代码,在浏览器中手动输入不同地址动态挂载不同的组件
7.在app.vue中路由跳转
1.安装路由模块 npm install vue-router@next --save
2.新建home.vue /news.vue/user.vue等组件
3.新建routes.ts文件,引入组件配置文件并将其暴露出去
4.在main.ts中引入并挂载路由
5.在app.vue中使用router-view动态挂载路由
6.使用npm run serve运行代码,在浏览器中手动输入不同地址动态挂载不同的组件
7.在app.vue中路由跳转