Vue简单路由封装

vue3.0+cli 配置vue-router

1安装

npm install vue-router

1.使用router-view标签设置路由显示层(一般会写在App.vue文件)

Vue简单路由封装_第1张图片

2.配置routes(路由路径)并导入main.js

Vue简单路由封装_第2张图片
Vue简单路由封装_第3张图片

最后访问localhost:8080:/,即可访问home组件页面
喜欢小编的文章请点个赞
扫一扫小编的微信公众号

Vue简单路由封装_第4张图片

你可能感兴趣的:(vue)