小程序关于组件的知识部分

组件

创建组件

• 首先在项目根目录下创建components文件夹，然后在该文件夹下鼠标右键选择新建component

• 引用 再要使用组件的页面中通过在json文件中配置 usingComponents: {'组件名': "组件文件地址"}

小程序ui组件库的地址Vant Weapp - 轻量、可靠的小程序 UI 组件库

插槽的使用

• 默认插槽 slot组件 没有name属性的就叫做默认插槽

• 如果想要使用多个插槽 首先需要在组件的js文件中开启能够使用多个插槽 开启的方法就是在js文件中 配置options: {multipleSlots: true}

• 在写插槽是可以给不同的插槽起不同的名字 通过设置name属性命名

• 在使用插槽的地方通过 slot="插槽名"的方法让具体的插槽生效

组件传值的三种方法

第一种

父传子

• 现在父组件中给子组件添加一个自定义属性，自定义属性的值是我们要传递的数据，然后在子组件中通过properties接收 接收的是自定义属性

• properties的数据结构 可以写成简单的键值对 也可以是一个对象 写成键值对的时候值是数据类型 是对象时 type定义数据类型 value属性定义默认值 第二种：this.selectComponent 它属于子传父的一种传值方法

• 我们可以通过给组件定义class名 然后通过this.selectComponent('.class名')的方法获取到整个组件的实例 第三种是 子传父 在父组件中给子组件添加一个自定义事件，在子组件中通过this.triggerEvent('自定义事件名', '要传递的