Vue中获取dom元素之ref

ref

Vue中可以通过ref属性绑定Dom元素，通过this.$refs获取页面中的Dom元素

image.png

例：

<div id="app">
        <input type="button" value='get' @click='get'>
        <h1 ref='myh1'>hello world</h1>
    </div>

    <script>
        var vm = new Vue({
            el: '#app',
            data: {},
            methods: {
                get() {
                    console.log(this.$refs.myh1.innerText) // hello world
                }
            }
        });
    </script>