组合式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>
相关推荐
威风的虫3 小时前
JavaScript中的axios
开发语言·javascript·ecmascript
比老马还六3 小时前
Blockly元组积木开发
前端
笨笨狗吞噬者3 小时前
【uniapp】小程序体积优化,JSON文件压缩
前端·微信小程序·uni-app
bot5556663 小时前
“企业微信iPad协议”静默 72 小时:一台被遗忘的测试机如何成为私域的逃生梯
javascript·面试
西洼工作室3 小时前
浏览器事件循环与内存管理可视化
前端·javascript·css·css3
xier1234563 小时前
高性能和高灵活度的react表格组件
前端
曦曜2923 小时前
富文本编辑器
javascript
你打不到我呢3 小时前
nestjs入门:上手数据库与prisma
前端
多啦C梦a3 小时前
React 实战:从 setInterval 到 useInterval,一次搞懂定时器 Hook(还能暂停!)
前端·javascript·react.js
闲不住的李先森3 小时前
乐观更新
前端·react.js·设计模式