小程序的组件和插槽

小程序组件的注册

  • 第一步 现在我们的项目目录中创建出组件文件夹 我们建议命名成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() {
// 方法完成
}
})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值