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

相关推荐
liuniansilence6 分钟前
一次讲透 H5 唤起原生 App:Scheme 协议、平台限制与生产级封装
前端·javascript
heiyehk7 分钟前
我用AI不断迭代到7W行代码的项目-像素画编辑器
前端·架构·设计
用户938515635077 分钟前
从“问答机器”到“智能体”:AI Agent 是如何自主工作的?
javascript·人工智能·全栈
weedsfly9 分钟前
前端懒加载全家桶:图片、路由、组件的按需加载
前端·javascript·面试
千帆_Evan10 分钟前
🤖 AI 写代码总在重复造轮子?我们把 Utils 复用门禁做进了 Agent 运行时(已开源)
前端·agent
Kel10 分钟前
多 Tab 聊天不翻车:纯前端实现跨标签页消息同步的三层协同架构
前端·javascript·人工智能
半个落月11 分钟前
Promise 入门:理解 async/await 与 Promise.all
前端·javascript
廖菌13 分钟前
DATASPACE3D 产品介绍:面向数字孪生与 Web3D 场景的一体化可视化搭建平台
前端·webgl
敖行客 Allthinker14 分钟前
前端调试实战:DevTools调试工具 + 二分定位Bug法全总结
前端·typescript·chrome devtools
暗不需求15 分钟前
手写深拷贝:从 JSON 到递归,彻底解决循环引用问题
前端·面试