Skip to content

这个项目,虽然简单,但是熟悉了前端vue的创建及使用流程,颇有收获

Notifications You must be signed in to change notification settings

zhang-zmj/vue-mobile

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

第一阶段

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

About

这个项目,虽然简单,但是熟悉了前端vue的创建及使用流程,颇有收获

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published