组合式API_事件处理

选项式API_事件处理

bash 复制代码
<template>
  <h3>选项式API</h3>
  <p>{{ count }}</p>
  <button @click="addCountHandle">增加</button>
</template>
<script>
export default {
  data(){
    return{
      count:0
     }
   },
  methods:{
    addCountHandle(){
      this.count++
     }
   }
}  
</script>

组合式API_事件处理

bash 复制代码
<template>
  <h3>组合式API</h3>
  <p>{{ count }}</p>
  <button @click="addCountHandle">增加</button>
</template>
<script setup>
import { ref } from "vue"


const count = ref(0)
function addCountHandle(){
  count.value++
}
</script>
相关推荐
zhanshuo9 分钟前
不依赖框架,如何用 JS 实现一个完整的前端路由系统
前端·javascript·html
火柴盒zhang10 分钟前
websheet在线电子表格(spreadsheet)在集团型企业财务报表中的应用
前端·html·报表·合并·spreadsheet·websheet·集团财务
讨厌吃蛋黄酥10 分钟前
智能前端新纪元:语音交互技术与安全实践全解析
javascript
khalil12 分钟前
基于 Vue3实现一款简历生成工具
前端·vue.js
拾光拾趣录18 分钟前
浏览器对队头阻塞问题的深度优化策略
前端·浏览器
用户81221993672219 分钟前
[已完结]后端开发必备高阶技能--自研企业级网关组件(Netty+Nacos+Disruptor)
前端
万少23 分钟前
2025中了 聊一聊程序员为什么都要做自己的产品
前端·harmonyos
1234Wu38 分钟前
React Native 接入 eCharts
javascript·react native·react.js
abigale032 小时前
webpack+vite前端构建工具 -11实战中的配置技巧
前端·webpack·node.js
专注API从业者3 小时前
构建淘宝评论监控系统:API 接口开发与实时数据采集教程
大数据·前端·数据库·oracle