微信小程序自定义组件

官方文档
https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/

组件Live

在json文件中声明组件

{
    "component": true
}

在自定义组件的 js 文件中，需要使用 Component() 来注册组件，并提供组件的属性定义、内部数据和自定义方法。

Component({
  options: {
  // 引用全局样式
    addGlobalClass: true,
  },
  properties: {
    // 这里定义了innerText属性，属性值可以在组件使用时指定
    innerText: {
      type: String,
      value: 'default value',
    }
  },
  data: {
    // 这里是一些组件内部数据
    someData: {}
  },
  methods: {
    // 这里是一个自定义方法
    customMethod() {}
  }
})

在需要引用组件的页面的json文件下引入组件

{
  //  组件名：路径
  "usingComponents": {
    "live": "./components/Live/index"
  }
}

在页面直接使用即可

<live></live>