技术栈

vue3组合式API(计数器)

徐同保2024-05-07 16:13
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

上一篇:解决github的remote rejected|git存储库的推送保护
下一篇:JVM笔记-常用命令
相关推荐
井川不擦
8 分钟前
前端安全通信方案:RSA + AES 混合加密
前端
孜孜不倦不忘初心
10 分钟前
Ant Design Vue 表格组件空数据统一处理 踩坑
前端·vue.js·ant design
AD_wjk
10 分钟前
Android13系统集成方案
前端
Joyee691
11 分钟前
RN 的新通信模型 JSI
前端·react native
somebody
12 分钟前
零经验学 react 的第6天 - 循环渲染和条件渲染
前端
青晚舟
13 分钟前
AI 时代前端还要学 Docker & K8s 吗?我用一次真实部署经历说清楚
前端·github
墨鱼笔记
15 分钟前
不使用微前端:如何实现主应用和子模块动态管理与通信实现
前端
csdn_aspnet
23 分钟前
查看 vite 与 vue 版本
javascript·vue.js
兆子龙
24 分钟前
前端工程师转型 AI Agent 工程师:后端能力补全指南
前端·javascript
长安1108
26 分钟前
web后端----HTTP协议与浏览器F12
前端·网络协议·http
热门推荐
01GitHub 镜像站点02Qwen3.5 开源全解析:从 0.8B 到 397B,代际升级 + 全场景选型指南03OpenClaw 使用和管理 MCP 完全指南04Labelme从安装到标注:零基础完整指南05AI 编程三剑客:Spec-Kit、OpenSpec、Superpowers 深度对比与实战指南06UV安装并设置国内源07小黑课堂计算机二级WPSoffice题库软件下载安装教程(2026年3月最新版)08OpenClaw Control UI安全上下文访问配置09Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services10让 Trae IDE 智能体 “读懂”文档 Excel+PDF+DOCX :mcp-documents-reader 工具使用指南