莫凡是莫烦

购物车页面  商品列表区域 1 渲染购物车商品列表的标题区域 定义如下的 UI 结构： 2 渲染商品列表区域的基本结构 通过 mapState 辅助函数，将 Store 中...

7 为 my-goods 组件封装 num-change 事件 当用户修改了 NumberBox 的值以后，希望将最新的商品数量更新到购物车中，此时用户可以为 my-goo...

1 把结算区域封装为组件 在 components 目录中，新建 my-settle 结算组件： 初始化 my-settle 组件的基本结构和样式： 在 cart.vue ...

1 创建收货地址组件 在 components 目录上鼠标右键，选择 新建组件，并填写组件相关的信息：（在cart.vue中使用） 渲染收货地址组件的基本结构： 2 实现收...

登录 1 定义 my 页面的编译模式 勾选启动页面的路径之后，点击确定按钮： 2 实现登录和用户信息组件的按需展示 在 components 目录中新建登录组件： 在 co...

0 创建 cart 分支 运行如下的命令，基于 master 分支在本地创建 cart 子分支，用来开发购物车相关的功能： 1 配置 vuex 在项目根目录中创建 stor...

搜索 创建 search 分支 运行如下的命令，基于 master 分支在本地创建 search 子分支，用来开发搜索相关的功能：git checkout -b searc...

--- theme: smartblue --- ## 搜索建议 ### 1 渲染搜索页面的基本结构 1. 定义如下的 UI 结构： ``` ``` ` :focus="t...

获取商品详情数据 在 data 中定义商品详情的数据节点： 在 onLoad 中获取商品的 Id，并调用请求商品详情的方法： 在 methods 中声明 getGoodsD...

事件处理 事件的基本使用 使用v-on：xxx 或 @xxx 绑定事件，其中xxx是事件名 事件的回调需要配置在methods对象中，最终会在vm上 methods中配置的...

商品列表 0 创建 goodslist 分支 运行如下的命令，基于 master 分支在本地创建 goodslist 子分支，用来开发商品列表相关的功能： 1 定义请求参数...

1. Vue是什么？ 一套用于构建用户界面的渐进式JavaScript框架 构建用户界面：数据转界面 渐进式：简单应用小的核心库，复杂的用插件 2. Vue的特点 采用组件...

tabBar 1 创建 tabBar 分支 运行如下的命令，基于 master 分支在本地创建 tabBar 子分支，用来开发和 tabBar 相关的功能： 查看分支 2 ...

分类 1 创建 cate 分支 运行如下的命令，基于 master 分支在本地创建 cate 子分支，用来开发分类页面相关的功能： 2 渲染分类页面的基本结构 定义页面结构...

首页 1 配置网络请求 由于平台的限制，小程序项目中不支持 axios，而且原生的 wx.request() API 功能较为简单，不支持拦截器等全局定制的功能。因此，建议...

分类导航 1 获取分类导航的数据 实现思路： 定义 data 数据 在 onLoad 中调用获取数据的方法 在 methods 中定义获取数据的方法 示例代码如下： 2 渲...

分包 一、基础概念 1. 什么是分包： 分包指的是把一个完整的小程序项目，按照需求划分为不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。 2. 分包的好处 ...

1.1 开发工具 uni-app 官方推荐使用 HBuilderX 来开发 uni-app 类型的项目。主要好处： 模板丰富 完善的智能提示 一键运行 1.1.1 下载 H...

--- theme: smartblue --- # 使用vant ## 小程序对 npm 的支持与限制 目前，小程序中已经支持使用 npm 安装第三方包，从而来提高小程序...

插槽 1. 什么是插槽 在自定义组件的 wxml 结构中，可以提供一个 节点（插槽），用于承载组件使用者提供的 wxml 结构 2. 单个插槽 在小程序中，默认每个自定义组...