票务网站开发,白酒网站的建设,仕德伟做的网站,公司做了网站怎么做推广ref 函数传入一个值作为参数,返回基于该参数的响应式ref对象
ref 接受参数#xff0c;并将其包裹在一个带有 value property 的对象中返回#xff0c;然后可以使用该 property 访问或更改响应式变量的值
将值封装在一个对象中#xff0c;看似没有必要#xff0c;但为了保…ref 函数传入一个值作为参数,返回基于该参数的响应式ref对象
ref 接受参数并将其包裹在一个带有 value property 的对象中返回然后可以使用该 property 访问或更改响应式变量的值
将值封装在一个对象中看似没有必要但为了保持 JavaScript 中不同数据类型的行为统一这是必须的。这是因为在 JavaScript 中Number或 String等基本类型是通过值传递的而不是通过引用传递的,在任何值周围都有一个封装对象这样我们就可以在整个应用中安全地传递它而不必担心在某个地方失去它的响应性。
let { createApp, ref } Vue;createApp({setup() {const count ref(0); //声明const event () { //修改事件count.value;};return { count, event };}}).mount(#app)
reactive
let { createApp, reactive } Vue;createApp({setup() {const count reactive({a: 0}); //声明const event () { //修改事件count.a;};return { count, event };}}).mount(#app)
ref主要用于基本类型的响应,比如String Number boolean,想要修改需要使用.value先获取value值进行修改reactive主要用于声明引用类型,修改时对应修改即可但是,在模板区域中使用的时候,ref因为Componsition API的封装,直接使用就行,不用加.value,但在setup函数中使用的时候必须加
注意!使用这两个的时候一定要先引入,再return出去
