vue3组合式API（计数器）

最新推荐文章于 2024-08-07 16:52:27 发布

徐同保

最新推荐文章于 2024-08-07 16:52:27 发布

阅读量519

点赞数 12

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/xutongbao/article/details/138501559

版权

本文展示了如何在Vue应用中使用`ref`和`onMounted`钩子函数，实现一个简单的动态计数器。用户点击按钮时，计数器值会增加。

摘要由CSDN通过智能技术生成

<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