ref 的巧妙使用 ---关于在vue中操做dom的问题 1

咱们虽然使用vue的时候是不会去操做它的dom的。可是有些状况下咱们也不得不这么作， 那么咱们应该如何处理这种状况呢？ 咱们使用 ref 去绑定到 div中，以后咱们 经过 this.$refs (获取到 vue中 全部的引用) 下面是一个例子：

html:
<div id="app">
        <div 
            ref='hello' 
            @click="handleClick"
        >
            hello world
        </div>
    </div>
	
js:

// 在Vue中如何操做 dom 呢？
        // ref
        var vm = new Vue({
            el: "#app",
            methods: {
                handleClick: function(){
                    // vue 中全部的引用 this.$refs.hello
                    // 经过获取到 dom 节点 咱们就能够去获取它的内容
                    console.log(this.$refs.hello.innerHTML);
                }
            }
        })