1、更改网页图标: index.html中修改
2、初始化项目设置目录别名:
* 在vue.config.js中的webpack中进行设置
* @: 代表的是src
3、初始化项目的全局样式内容
* github中下载文件
* 创建全局的css的文件
4、创建底部导航:
* 在根目录App.vue中使用router-link来创建
* 在router下的index中配置跳转的界面
* 配置每个界面的导航栏,利用插槽,跳转等等
* 使用导航守卫 改变网页标题
5、首页的推荐商品组件的创建:
* 网络数据的请求封装
* 父组件给子组件传参数
* 商品的跳转
6、选项卡组件
* 父组件给子组件传参数
* 子组件调用父组件的方法并传参
* 参数的取值方法
7、商品列表的创建
* 数据的请求及传递
* 子组件布局
8、上拉加载控件
*
*
*
9、使用vant组件库(swiper)
* 安装vant: https://github.com/youzan/vant
* 全局的配置
10、vant组件库的使用
* 轮播图
* 懒加载
* 角标
11、购物车的写法
* 侧边栏的使用,主要是布局
*
*
12、
13、
14、
15、
16、
17、
18、
19、
20
-
Notifications
You must be signed in to change notification settings - Fork 0
zhang-zmj/vue-mobile
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
About
这个项目,虽然简单,但是熟悉了前端vue的创建及使用流程,颇有收获
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published