Vue2新建项目(1)

新建项目

在这里插入图片描述
运行
在这里插入图片描述

新建页面

新建login页面
在这里插入图片描述

安装路由依赖
在这里插入图片描述
引入路由依赖
在这里插入图片描述
此时报错:"export ‘computed’ was not found in ‘vue’
解决办法是降低vue-router的版本,在命令行运行npm install vue-router@3
引入页面
在这里插入图片描述
显示路由控制的页面

在这里插入图片描述
成功
在这里插入图片描述

优化结构

将路由文件专门放一个js中,这样main.js文件就简洁很多
在这里插入图片描述

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_43840793/article/details/126540716
今日推荐