Vue 3基础入门 课件 第11章 红色旅游App综合项目.pptxVIP

第11章红色旅游App

综合项目

11.1红色旅游App总体规划

11.2脚手架及项目搭建

red-tour

VueCLI创建项目

nodemodules

public

src

选择Default(Vue3)或手动配置

assets

components

router

npmrunserve启动预览

store

App.vue

main.js

入口文件main.js注册router和store

11.3第三方依赖安装

ElementPlus

axios

饿了么前端团队组件库

完整导入或按需导入

HTTP请求库

配置baseURL全局路径

vue.confg.js反向代理解决跨域

可配置size和zlndex全局属性

在main.js中统一注册所有插件

11.4首页功能开发

11.4.1构建统一头部

11.4.2设计全局菜单

11.4.3广告轮播组件

11.4.4实现推荐内容列表

11.4.5实现推荐内容列表

11.4.6底部导航组件

11.5产品列表页

11.6搜索页面

11.7产品详情页