VUE--- ref & refs

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

ref & refs 与querySelector的区别:

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

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

获取dom的使用步骤:

        1、目标标签添加ref属性

我是渲染图表的容器

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

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

获取组件方法的步骤:

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

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

this.$refs.baseForm.resetForm()

 

你可能感兴趣的:(VUE基础,vue.js,javascript,前端)