vue3 获取ref

作者：蛋蛋的憂傷发布日期:2025-09-11 浏览:39

// 引入必要的 Vue 3 模块
import { ref, onMounted } from 'vue';

export default {
  setup() {
    // 使用 ref 创建一个响应式引用
    const count = ref(0);

    // 在组件挂载后修改 count 的值
    onMounted(() => {
      count.value = 1;
      console.log(count.value); // 输出: 1
    });

    return {
      count
    };
  }
};

解释说明：

ref 是 Vue 3 中用于创建一个响应式的引用，它可以包装基本类型（如数字、字符串等）或对象。
count = ref(0) 创建了一个初始值为 0 的响应式引用。
count.value 用来访问和修改 ref 包装的值。
onMounted 是一个生命周期钩子，当组件挂载完成后会执行其中的代码。这里我们在组件挂载后将 count 的值设置为 1，并打印出来。

如果你需要更多关于 Vue 3 的信息，请参考官方文档。

上一篇：vue foreach循环遍历数组

下一篇：vue播放视频