对比原生写法,vue中的实现

59 阅读1分钟

1.获取一个元素

js原生写法:document.getElementById("image")

vue写法:
<span ref='pTag'>{{ message }}</span>
alert(this.$refs.pTag.innerHTML)

2.绑定一个事件

js原生写法:element.addEventListener("click", function(){ alert("Hello World!"); });

vue写法
<div @click='handle'>点点我真好玩</div>

3.监听页面或者数据得变化

js原生写法:MutationObserver

vue写法:watch