UniApp(Vue3组合式API)和小程序>微信小程序15天学习计划
第1天：开发环境配置和基础知识
- UniApp和小程序>微信小程序概述及对比
- 安装并配置HBuilderX(UniApp)和微信开发者工具
- 创建第一个UniApp Vue3项目和小程序>微信小程序项目
- 了解两个平台的项目结构差异
- 配置外部浏览器和各种小程序模拟器(UniApp)
第2天：页面结构和基础组件
- 学习UniApp的.vue文件结构(template, script, style)
- 了解小程序>微信小程序的.wxml, .wxss, .js, .json文件
- 掌握共同的基础组件:view,text,image,button,input
- 学习scroll-view和swiper组件的使用
- 实现一个简单的页面布局,对比两个平台的写法
第3天：数据绑定和更新
- UniApp: 学习ref定义响应式数据
- 小程序>微信小程序: 了解Page中的data和setData
- 掌握v-bind(UniApp)和{{}}(小程序>微信小程序)的使用
- 学习class和style的动态绑定
- 完成一个数据展示和更新的小案例
第4天：条件渲染和列表渲染
- UniApp: v-if, v-else, v-else-if, v-show
- 小程序>微信小程序: wx:if, wx:elif, wx:else
- UniApp: v-for和:key
- 小程序>微信小程序: wx:for和wx:key
- 完成一个包含条件和列表渲染的购物车案例
第5天：事件处理和表单
- UniApp: @click, @tap等事件处理
- 小程序>微信小程序: bindtap, catchtap等事件处理
- 学习表单元素的使用和事件(focus, blur等)
- UniApp: v-model双向绑定
- 小程序>微信小程序: 实现类似双向绑定的效果
- 完成一个表单提交的案例
第6天：计算属性和侦听器
- UniApp: computed计算属性
- UniApp: watch和watchEffect
- 小程序>微信小程序: 使用函数模拟计算属性
- 小程序>微信小程序: 使用observers实现侦听效果
- 完成一个使用计算属性的商品统计案例
第7天：生命周期
- UniApp页面生命周期: onLoad, onShow, onReady等
- 小程序>微信小程序页面生命周期对比
- UniApp组件生命周期
- 小程序>微信小程序组件生命周期
- 创建一个页面,观察并记录不同生命周期的触发顺序
第8天：组件化开发(上)
- UniApp: 创建和使用自定义组件
- 小程序>微信小程序: 创建和使用自定义组件
- Props传递数据(UniApp和小程序>微信小程序)
- 插槽的使用(UniApp的具名插槽和小程序>微信小程序的slot)
- 创建一个复用型组件并在页面中使用
第9天：组件化开发(下)
- UniApp: emit触发事件
- 小程序>微信小程序: 触发自定义事件
- UniApp: defineExpose暴露方法
- 小程序>微信小程序: 通过selectComponent调用组件方法
- 父子组件通信案例实现
第10天：路由与页面跳转
第11天：网络请求与数据缓存
- UniApp: uni.request发送网络请求
- 小程序>微信小程序: wx.request发送请求
- Promise化网络请求封装
- UniApp和小程序>微信小程序的数据缓存方法
- 实现一个带缓存的数据列表页面
