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

相关推荐
半个烧饼不加肉14 小时前
JS 底层探究--上下文
开发语言·javascript·ecmascript
ZC跨境爬虫14 小时前
跟着 MDN 学CSS day_45:媒体查询入门指南——从语法到移动优先实践
前端·css·ui·html·tensorflow·媒体
Hoey14 小时前
虚拟 DOM 和 DIFF 算法
前端·vue.js
bkspiderx15 小时前
HTTP协议:Web通信的“通用语言”解析
前端·网络协议·http
云水一下15 小时前
模块系统与 npm——万物皆模块
前端·npm·node.js
无风听海15 小时前
PKCE 的 S256 算法深度剖析:从协议设计到密码学原理
javascript·网络·算法·密码学
ZC跨境爬虫15 小时前
跟着 MDN 学CSS day_47:(移动优先实战——从手机到宽屏的响应式进化)
前端·css·html·tensorflow·媒体
小新11015 小时前
vue实战项目 计算器
前端·javascript·vue.js
秋田君15 小时前
2026 前端新出路:掌握 C++ 核心语法,无缝衔接 QT 桌面开发
前端·c++·qt
老毛肚15 小时前
jeecgboot vue 路由 拆分01
前端·javascript·typescript