硅谷甄选-搭建项目路由

我们要准备搭建路由了；

分析一下展示的项目，确定哪些路由是必须配置的；

分析

一级路由是必须的login

一级路由home是必须的；

如果用户输入的路由，随便输入的，你没有对应的配置，应该有个404页面；

404路由，也是必须要有的；

总结：我们应该配4个路由

• login
• home
• 404
• 任意路由

操作

安装vue-router

新建文件夹views放置路由组件；

创建login、home、404文件夹，并且创建路由到的组件；

创建路由组件，便于能够区分；

接下来就是要配置项目中的路由了；

配置路由

我们可以将上面的数组摘出去，放到另外的一个ts文件中；

上面就是，在一个routes.ts文件当中，放置；

这样就简化了吧；处处都是在简化的；

路由切换的时候，滚动行为要设置一下；

入口文件中注册一下router插件；

测试路由都是挺正常的；

镇楼女神 - 爱莉安娜·格兰德 - 大娜子

• 爱莉安娜·格兰德
• Ariana Grande
• Ariana意思是有表现力、外向，可取娜字；
• Grande就是大的意思。
• 所以叫：大娜子。