双模网站开发原创软文

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()