无法将对象的属性绑定到自定义控件

class CustomControl {
  constructor() {
    this._boundProperty = '';
  }

  get boundProperty() {
    return this._boundProperty;
  }

  set boundProperty(value) {
    this._boundProperty = value;
    this.updateUI(); // 假设有一个更新UI的方法
  }
}

<template>
  <custom-control :bound-property="dataObject.property"></custom-control>
</template>

<script>
export default {
  data() {
    return {
      dataObject: {
        property: 'initial value'
      }
    };
  }
};
</script>

import React, { useState } from 'react';

function CustomControl({ boundProperty }) {
  // 控件的实现
}

function App() {
  const [property, setProperty] = useState('initial value');

  return (
    <CustomControl boundProperty={property} />
  );
}

class CustomControl {
  constructor() {
    this._boundProperty = '';
    this.boundPropertyObserver = this.boundPropertyObserver.bind(this);
  }

  get boundProperty() {
    return this._boundProperty;
  }

  set boundProperty(value) {
    this._boundProperty = value;
    this.boundPropertyObserver();
  }

  boundPropertyObserver() {
    // 更新UI的逻辑
  }
}