使用Vue获取DOM元素

$refs获取DOM元素

Vue中，使用$refs属性可以获取DOM元素。
注意：需要在DOM元素中挂载ref属性后才能使用

//html
    <p id="app" ref = "myp" @click = "oks">ok</p> //在 DOM中，需要设置 ref属性 

//js
    let vm = new Vue({
    
    
        el: "#app",
        data: {
    
    },
        methods:{
    
    
            oks(){
    
    
                console.log(this.$refs.myp.innerText) // "ok"
            }
        }
    })

使用ref引用组件

在组件中，也可以设置ref来获取当前组件，并访问组件内部的值和方法。
注意：此方法很方便，但是不建议在VUE中操作 DOM。（慎用)