• Welcome to the world's largest Chinese hacker forum

    Welcome to the world's largest Chinese hacker forum, our forum registration is open! You can now register for technical communication with us, this is a free and open to the world of the BBS, we founded the purpose for the study of network security, please don't release business of black/grey, or on the BBS posts, to seek help hacker if violations, we will permanently frozen your IP and account, thank you for your cooperation. Hacker attack and defense cracking or network Security

    business please click here: Creation Security  From CNHACKTEAM

Recommended Posts

1.什么是ref?

像ref reactive一样,它也是一种用于实现响应数据的方法。

因为reactive必须要传递一个对象,所以在实际开发中要让一个变量有反应是非常麻烦的。

所以Vue3规定ref方法实现简单,值得监控。

2.2.ref的本质

ref的底层实际上是无功的,所以系统会在运行时根据传入的ref自动将其转换为无功。

3 .参考注意事项

vue中使用的ref的值不是通过value获得的。

js中使用的ref的值必须通过value获取。

akfw5pxpegw3706.png

4.ref获取元素

在vue2中,我们可以给元素加上ref=' XXX ',然后在代码中通过ref='xxx '得到元素。在vue3中,我们也可以通过ref获取元素。

但不是像下面这样熟悉的方式,因为vue3中没有$和refs这样的东西。

错误演示

rhnloxer1lb3707.png

正确的写作

模板

差异

我是div/div

/div

/模板

脚本

从“vue”导入{ ref,on mounted };

导出默认值{

setup() {

let box=ref(null);//本质是无功({value:null})

//需要在生命周期中获得

onMounted(()={

//接口挂载时,会自动执行。

console . log(box . value);

})

//接受null,因为setup比mounted早执行,dom还没有形成。

console . log(box . value);

返回{ box };

},

};

/脚本

vzuz0nam0c43708.png

原文链接:3359blog.csdn.net/weixin _ 47886687/文章/详情/112919563

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now