小程序跟练D2

15 阅读1分钟

1.

1.1 小程序生命周期

image.png

1.2 小程序分包加载

相当于vue的按需加载 注意:tabar页面不可以作为分包分出去

image.png

1.3 自定义组件

image.png

image.png

1.3.1 组件样式

image.png

image.png

1.3.2 使用传递结构的组件-插槽(Vue也适用)

但凡要使用具名插槽,无论单个还是多个,都必须multipleSlot,否则不生效

1.3.3 组件的生命周期

image.png 与Vue有点区别的地方是:created中使用this.setData是不生效的是,数据还是只会保持初始的data值,而不会被改变。所以这里需要使用attached

1.4 小程序通讯

1.4.1 父传子

1.4.2 子传父

image.png 子:

image.png

使用:this.triggerEvent('自定义方法',参数)

父:

image.png 在父页面中使用注册: image.png

1.5 vant组件库

vant组件库-小程序版

image.png

1.6 框架接口

数据共享

image.png getAPP() 可以进行全局属性的修改

1.6.1 获取页面栈

使用getcurrentpages()获取当前页面实例:

image.png

1.6.2 本地存储