小程序组件的注册
- 第一步 现在我们的项目目录中创建出组件文件夹 我们建议命名成components
- 第二步 在该文件夹中创建component
- 第三步 编写组件结构
- 第四部 将组件引入要使用组件的页面中
- 第五部 注册组件 在页面的json文件中使用 usingComponent: {}
小程序组件的的通信
- 父传子 在父组件中给子组件标签上定义一个自定义属性 将想要传递的值赋值给这个属性 在子组件中通过 properties接收
- 子传父 在父组件给子组件添加一个自定义事件 bind:自定义事件名=“接收数据的函数” 在子组件中通过this.triggerEvent(‘自定义事件名’, ‘要传递的数据’, 事件配置项(事件冒泡,事件捕获,穿越组件边界))
- 子传父 可以给子组件一个类名 然后通过this.selectComponet(‘.类名’) 获取子组件的数据和方法
- 小程序没有非父子组件传值
小程序的插槽
- 小程序的插槽分为匿名插槽和具名插槽
- 具名插槽就是在 slot 组件上写name属性 值是我们给插槽定义的名字 使用的时候 可以通过 在组件上定义 slot=“插槽名字” 的形式填充具体的插槽
小程序组件库的地址
https://vant-contrib.gitee.io/vant-weapp/#/home
小程序的数据库
分为同步存储和异步存储
同步存储为:
// 同步存储数据的方法
wx.setStorageSync('要存储的名字', '要存储的数据')
// 同步获取存储数据的方法
wx.getStorageSync('要取出的存储数据的名字')
异步存储为:
// 异步存储数据的方法
wx.setStorage({
key: "要存储的数据的名字",
data: '要存储的数据'
})
// 异步获取存储数据的方法
wx.getStorage({
key: "要取出的存储数据的名字",
success: (result) => {
// result获取到的数据
},
fail: () => {
// 获取存储数据失败
},
complete() {
// 方法完成
}
})