不是gpt牛吗，让他给我写个vue响应试的原理出来，写来写去还是重复的代码？

<div id="app">
    姓名：{{name}}<br/>
    电话:{{phone}}<br/>
    微信:{{weixin}}
</div>Copy

  let data = {
      name:'李大国',
      phone:'13800',
      weixin:'22839202'
  }

  let _data = new Proxy(data,{
      set(target,property,value,reciver){
          data[property] = value;
          console.log('你改了属性')
      },
      get(target,property){
          console.log('你读取了属性')
      }
  })
  let app = document.querySelector('#app')
  let template = app.innerHTML;
  let regex = /\{\{(.*?)\}\}/g
  let matches = Array.from(template.matchAll(regex))
  let html = template;
  matches.forEach((key)=>{
      html = html.replace(key[0],data[key[1]]);
  })
  app.innerHTML = htmlCopy