ref数据获取

本文主要是介绍ref数据获取，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

<template>
  <div id="app">
    <h2 v-text="appname" ref="title"></h2>
    <button  ref = 'btn' @click="show">点我显示</button>
  </div>
</template>

<script>
    export default {
        name: 'app',
        data() {
            return{
                appname:"666"
            }
        },
        methods:{
            show(){
                console.log(this.$refs);

            }
        }
}
</script>

<style>
</style>

this.$refs打印出来：

 this.$refs.title打印出来：

这篇关于ref数据获取的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！