vue3组合式API(计数器)

javascript 复制代码
<script setup>
import { ref, onMounted } from 'vue'
import './index.css'

const count = ref(0)

const handleCount = () => {
  count.value++
}

onMounted(() => {
  console.log(1)
})
</script>

<template>
  <div class="m-home-wrap">
    home
    <button @click="handleCount">{{ count }}</button>
    <div class="m-home-demo"></div>
  </div>
</template>

<style></style>

人工智能学习网站

https://chat.xutongbao.top

相关推荐
码视野6 小时前
基于 Spring Boot + Vue3 的【高校化学实验室安全准入考试与危化品配伍排查系统】设计与实现(含PRD/三端高保真源码/大屏)
前端·人工智能·spring boot·后端·安全·vue3
玄魂7 小时前
VisActor 全新图可视化开源项目:VGraph
前端·数据可视化
宇智波亚索7 小时前
TypeScript 实际应用
前端·javascript·typescript
明飞19877 小时前
C表达式_表达式类型
前端
雪芽蓝域zzs7 小时前
Vue3+Vite 本地数据模拟 JSON 读取和Mock 方案完整讲解总结
前端·vue.js
jjw_zyfx8 小时前
vue3 vite 前端录制浏览器界面视频并保存下载
前端·音视频
南雨北斗8 小时前
vue3项目表单验证 input 添加高亮样式
前端
:-)8 小时前
idea中的vue文件没有高亮显示
前端·javascript·vue.js·ecmascript·intellij-idea
IPdodo_8 小时前
2026年AI 数据采集代理 IP 选型:成功率、并发、轮换与成本评估
前端·网络·人工智能·chrome·python·http·网络调试
计算机魔术师8 小时前
AI问诊5秒出结果,医生反而更忙了
前端