vue3 refs,vue created 调用方法

vue3 refs,vue created 调用方法

在Vue3的CompositionAPI中，$ref不能直接用于setup函数。 这是因为$ref是Vue2的实例属性，而在Vue3中，设置函数与模板实例分离，实例属性不再使用。 Actualconstb=ref({name:'vue3'});//响应式替换b.value={name:'vite'};console.log("b--->",b);console.log("b.value --->",b.value);查看打印结果：2重新传递给函数或从通用对象

Vue3中使用refs的方式与Vue2中略有不同。 RefinVue3是一个函数，可用于创建响应式重分配并将其绑定到HTML元素或组件实例。Vue3$refs功能是Vue框架中非常实用的功能。 使用$refs访问DOM元素或组件实例，以便您可以直接操作父组件。 实际开发中需要注意$refs的使用时机

∩▂∩ 在Vue3中，refs是一个特殊属性，可用于访问子组件或父组件中的DOM元素。 通过refs，我们可以直接操作子组件或者父组件中的DOM元素的属性和方法。 使用refs的步骤如下：1.在subgroup1和vue2中，可以通过this访问$refs。在vue3中，由于没有这个，所以无法获取，但是官网提供了获取的方法。知道如何获取后，我们将它与ElementPlus结合使用，因为项目中使用了Element

import{reactive,toRefs}from"vue"constcount=reactive({a:1,b:2})constcountAsRefs=toRefs(count)constaddCount=()=>{countAsRefsInVue3,refsareusedtogetcomponentsOrareferencetoaDOMelement,类似于$refsinVue2。 但与Vue2不同的是，在Vue3中，refscan是astringora函数。 当refs为字符串时，当渲染时

//objisresponsivedataconstobj=reactive({foo:'hello',bar:'vue3'});//新建的Obj对象有与obj对象同名的属性，并且每个属性值是一个对象//这个对象有一个可访问的属性值，当读取valinvue3时,没有$refs对象。 原来的$emi已经变成context.emit，但是不会有context.refs这样的东西了。 直接使用页面对象，如下所示：导入