Vue3.x ref属性

获取DOM或者组件实例可以使用ref属性，写法和vue20需要区分开 。

总结：

1Vue2中可以通过ref直接 *** 作单个DOM和组件 this$refsinfoinnerHTML

2Vue2中可以批量通过ref *** 作DOM和组件 this$refsfruit[0]innerHTML

vue30里面模板的ref是跟着定义走的（先定义再使用， 模板中的名字和定义的名字要一致 ）先返回再使用

vue20里面的使用是跟着模板走（先模板中用，然后根据模板使用ref， 获取DOM的ref要和模板的一样 ）

总结： *** 作单个DOM或者组件的流程

1定义一个响应式变量

2把变量返回给模板使用

3模板中绑定上述返回的数据

4可以通过info变量 *** 作DOM或者组件实例
1定义 *** 作DOM的函数----通过形参获取单个DOM元素

总结： ref批量 *** 作元素的流程

1定义一个 *** 作DOM的函数

2把该函数绑定到模板上（ 必须动态绑定 ）

3在函数中可以通过参数得到单个元素，这个元素一般可以放到数组中

4通过上述数组即可 *** 作批量的元素

以上就是关于Vue3.x ref属性全部的内容，包括:Vue3.x ref属性、、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！