vue.js 有人能解释一下“ref()”函数是做什么的吗？

x33g5p2x 于 2023-04-07 发布在 Vue.js

关注(0)|答案(2)|浏览(127)

我不明白在创建状态时需要使用“ref（）”函数...例如，VueJS文档显示：

import { ref } from 'vue'

// global state, created in module scope
const globalCount = ref(1)

export function useCount() {
  // local state, created per-component
  const localCount = ref(1)

  return {
    globalCount,
    localCount
  }
}

为什么不直接使用这个：“const globalCount = 1”？
谢谢

vue.js

来源：https://stackoverflow.com/questions/75931136/someone-can-explain-me-what-ref-function-do

2条答案

按热度按时间

gpnt7bae1#

使状态为reactive
请查看Vue文档：

Reactivity Fundamentals
带有ref（）的React变量

如果你用

const globalCount = 1

则globalCount是一个常数，即不仅不起React，而且根本不能改变。

赞(0）回复(0）举报 2023-04-07

mftmpeh82#

ref（）函数返回一个特殊的React对象。为了访问ref（）跟踪的值，我们访问返回对象的value属性：

import { ref } from 'vue'

const age = ref(0)

if(age.value < 18) {
  console.log("You are too young to drink. Get lost!")
} else {
  console.log("Have some ale mate!")
}

赞(0）回复(0）举报 2023-04-07

我来回答

vue.js 有人能解释一下“ref()”函数是做什么的吗？

2条答案

相关问题

热门标签

最新问答