<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被点击的时候，触发的函数。
网友评论