tencent cloud

<custom-ul>
  <custom-li>item 1</custom-li>
  <custom-li>item 2</custom-li>
</custom-ul>

// path/to/custom-ul.js
Component({
  relations: {
    './custom-li': {
      type: 'child', // The target node in the relationship should be a child node.
      linked(target) {
        // Executed each time a custom-li is inserted, where target is the instance object of the node, triggered after the attached lifecycle of the node.
      },
      linkChanged(target) {
        // Executed each time a custom-li is moved, where target is the instance object of the node, triggered after the moved lifecycle of the node.
      },
      unlinked(target) {
        // Executed each time a custom-li is removed, where target is the instance object of the node, triggered after the detached lifecycle of the node.
      }
    }
  },
  methods: {
    _getAllLi() {
      // Using getRelationNodes, you can obtain an ordered array of nodes, which includes all associated custom-li.
      const nodes = this.getRelationNodes('path/to/custom-li')
    }
  },
  ready() {
    this._getAllLi()
  }
})

// path/to/custom-li.js
Component({
  relations: {
    './custom-ul': {
      type: 'parent', // The target node in the relationship should be a parent node.
      linked(target) {
        // Executed each time it is inserted into custom-ul, where target is the instance object of the custom-ul node, triggered after the attached lifecycle.
      },
      linkChanged(target) {
        // Executed each time it is moved, where target is the instance object of the custom-ul node, triggered after the moved lifecycle.
      },
      unlinked(target) {
        // Executed each time it is removed, where target is the instance object of the custom-ul node, triggered after the detached lifecycle.
      }
    }
  }
})

<custom-form>
  <view>
    input
    <custom-input></custom-input>
  </view>
  <custom-submit>submit</custom-submit>
</custom-form>

// path/to/custom-form-controls.js
module.exports = Behavior({
  // ...
})

// path/to/custom-input.js
const customFormControls = require('./custom-form-controls')
Component({
  behaviors: [customFormControls],
  relations: {
    './custom-form': {
      type: 'ancestor', // The target node to be associated with should be an ancestor node.
    }
  }
})

// path/to/custom-submit.js
const customFormControls = require('./custom-form-controls')
Component({
  behaviors: [customFormControls],
  relations: {
    './custom-form': {
      type: 'ancestor', // The target node to be associated with should be an ancestor node.
    }
  }
})

// path/to/custom-form.js
const customFormControls = require('./custom-form-controls')
Component({
  relations: {
    customFormControls: {
      type: 'descendant', // The target node to be associates with should be a descendant node.
      target: customFormControls
    }
  }
})