VUE--- ref & refs

ref & refs 的作用：用于获取dom元素或组件实例，也可用于组件组件间数据的获取和修改

ref & refs 与querySelector的区别：

????????●?ref & refs 查找的范围是当前组件内，更加精确稳定

????????● querySelector 查找的范围是整个页面

获取dom的使用步骤：

? ? ? ? 1、目标标签添加ref属性

<div ref="chartRef">我是渲染图表的容器</div>

? ? ? ? 2、通过this.$refs.xxx，获取目标标签

mounted () {
    console.log(this.$refs.chartRef)
},

获取组件方法的步骤：

? ? ? ? ?1、给目标组件添加ref属性

<BaseForm ref="baseForm"></BaseForm>

? ? ? ? 2、?通过this.$refs.xxx，获取目标组件，就可以调用组件中的方法

this.$refs.baseForm.resetForm()

?