准备工作
1.我们首先看一下项目的页面,需要哪些功能
2.我在阿里图标矢量库下载了需要的图标,然后将这个图标文件放在src文件夹下的assets文件夹下,并且在全局main.js中引入图标的样式
3.下载轮播图组件vue-awesome-swiper,导入相应的样式和组件
4.设置移动端端适配问题
5.路由的配置
开始写项目
6.
在src下新建pages来存放要书写的代码 新建city、home、detail一些页面 在home里面我们需要引入一些子组件 在子组件来体现我们所需要的效果 从而实现给客户 在detail页面来显示我们的详情数据 在city来显示要切换我们的城市数据 从而来实现整个代码的全部内容及作用