注意:(1)整体步骤结合视频和此处的文档。
(2)页面样式:
(资料图片仅供参考)
(3)整体文件结构:
1、创建vue项目,安装所需要的依赖。(这里省略步骤)
2、清除src\style.css里面的内容
3、创建src\router\index.js
4、修改src\main.js
5、修改src\App.vue里面的代码
6、创建src\components\Navbar.vue里面的代码——》
7、创建src\views\SeafishList.vue
8、创建src\views\SeafishList\FishDetails.vue里面的代码——》
9、src\views\Home.vue文件
关键词: