DOM(document object model)

<template>
  <div id="wrapper">天地不仁，以万物为刍狗</div>
</template>

<script>
export default {
  mounted() {
    const wrapper = document.getElementById("wrapper");

    Object.assign(wrapper, {
      innerText: "fuck",
      color: "red",
      change() {
        Object.assign(this.style, {
          color: this.color,
        });
      },
      onclick() {
        this.change();
      },
    });
  },
};
</script>

耳目一新的写法，文档对象模型，通过getElementById获取到的对象，和js中的对象是一个东西，然后可以添加属性方法，onclick是dom自定义的属性，监听dom被点击的时候，触发的函数。