ref

1.ref的基本用法就是用来对本页面的dom元素进行获取

ref="testDom"

console.log(this.$refs.testDom)

<template>
  <div id="app">
    <div ref="testDom">11111</div>
    <button @click="getTest">获取test节点</button>
  </div>
</template>

<script>
export default {
  methods: {
    getTest() {
      console.log(this.$refs.testDom)
    }
  }
};
</script>

其实ref除了可以获取本页面的dom元素，还可以拿到子组件在的data和取调用子组件中的方法。

2. 获取子组件中的data www.jianshu.com/p/623c8b009…