vue小知识~ref和$refs

$refs表示的是获取被ref标识的标签的DM实例。

用法简单：

标签上：

<div ref='refName'></div>

获取：

this.$refs.refName

就可以获取到该div的DOM实例了。

例如：

<template>
    <div>
        <div @click="getsss">老子</div>
        <sona ref='getChange'></sona>
    </div>
</template>

<script>
import sona from './sona.vue';
export default {
    components: { sona },
    methods: {
       getsss(){
           this.$refs.getChange.change()
       }
    }
};
</script>

子组件有个方法：

  methods: {
        change() {
            console.log('0000' + this.$attrs.toString());
        }
    }

就可以啦！