两个方法:

① 配置路由时,设定根目录路由路径:‘/’ ,并根据匹配规则为其指定一个路由显示组件 --该方式就是常规的路由配置,就是将路径设为根目录,这样在访问网站首页的时候,就可以默认显示这个匹配的组件。

RouterView将是你自己想显示的组件

App.vue中

② 通过路由重定向 --- redirect

第一步同样是设定根目录路径为:“/”,但为其增加一个全新的配置项 --redirect,这样的话,当访问根目录路径时,就会重定向一个新的路径匹配的组件。

而且根目录的跳转是默认的,不需要通过router-link标签来进行跳转显示,所以开发时,一般在App组件里面的模板中就只有一个router-view标签用来作为整个单页面应用(spa)的显示窗口。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐