【路由 vue router】+ view-plus 登录和注册

1. 新建项目
   链接：https://cn.vuejs.org/
   
   npm create vue@latest
   
   运行项目之后，设置局域网可以访问：
   
   

2. 安装view-plus
   链接：https://www.iviewui.com/view-ui-plus/guide/start
   

查看是否安装成功

3. 引入 view-plus
   https://www.iviewui.com/view-ui-plus/guide/start
   
   添加一个最简单的按钮，验证框架是否能使用：
   
   

4. 添加登录组件（vue2不支持这个组件，所以要创建vue3的项目）
   

链接：https://www.iviewui.com/view-ui-plus/component/form/login?ref=iview

1. 修改路由配置
   
2. 效果图
   

8、 没有账号？去注册（添加注册的方法）
路由的官网：
https://router.vuejs.org/zh/

通过调用方法，使用编程式导航，跳转到注册界面

9、 同时添加注册组件和对应路由规则（应该提前新建组件和定义路由规则）

10、 最终效果