菜鸟学习vue3笔记-vue hooks初体验


javascript 复制代码
import { ref } from "vue";
export default function () {
  let a1 = ref(1);

  let a2 = ref(5);

  let c = ref(0);

  function add() {
    a1.value++;
    a2.value++;
  }

  return {
    add,
    a1,
    a2,
    c,
  };
}
javascript 复制代码
<template>
  <div>
    <p>第一个数字{{ a1 }}</p>
    <p>第二个数字{{ a2 }}</p>
    <button @click="add">点击求和</button>
  </div>
</template>

<script lang="ts" setup>
import useNum from "@/hooks/useNum";

const { add, a1, a2 } = useNum();
</script>

<style scoped></style>
相关推荐
_落纸12 小时前
三大基础无源电子元件——电阻(R)、电感(L)、电容(C)
笔记
Alice-YUE12 小时前
【CSS学习笔记3】css特性
前端·css·笔记·html
2303_Alpha13 小时前
SpringBoot
笔记·学习
Hello_Embed21 小时前
STM32HAL 快速入门(二十):UART 中断改进 —— 环形缓冲区解决数据丢失
笔记·stm32·单片机·学习·嵌入式软件
咸甜适中21 小时前
rust语言 (1.88) 学习笔记:客户端和服务器端同在一个项目中
笔记·学习·rust
Grassto1 天前
RAG 从入门到放弃?丐版 demo 实战笔记(go+python)
笔记
Magnetic_h1 天前
【iOS】设计模式复习
笔记·学习·ios·设计模式·objective-c·cocoa
周周记笔记1 天前
学习笔记:第一个Python程序
笔记·学习
丑小鸭是白天鹅1 天前
Kotlin协程详细笔记之切线程和挂起函数
开发语言·笔记·kotlin
潘达斯奈基~1 天前
《大数据之路1》笔记2:数据模型
大数据·笔记