【手把手撸vue项目】vue欢迎页解析

如题所述

第1个回答  2022-06-11

在介绍完简单的项目目录之后,我们对项目自动生成的欢迎页进行讲解(也就是对src目录进行讲解)。

在这个文件中,我们可以进行路由配置,包括子路由等,也可以通过导航守卫进行路由限制。
举个例子:某些页面需要登录,跳转到这些页面的时候,我们就将其进行拦截,跳转到登陆页面去。这部分内容后期会进行讲解。

图中,我们不难看出,默认引入了叫HelloWorld.vue的文件。并在routers中进行了使用。

path: url访问的路径,这里的‘/’表示在 http://localhost:8080/#/ 的时候进行访问。
name: 这个router的名字,跳转时也可通过name来指定跳转到哪个路由中。
component: 顾名思义,表示使用的哪个组件。

在vue项目中,组件存放在components文件夹中,这些组件可以通过路由来进行使用,也可以通过组件间的引入来进行使用。

相似回答
大家正在搜