Vue——vue3中setup() 定义单个变量ref写法

最新推荐文章于 2024-01-28 23:41:44 发布

dbt@L

最新推荐文章于 2024-01-28 23:41:44 发布

阅读量294

点赞数

分类专栏： Vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_43201350/article/details/127192211

版权

Vue 专栏收录该内容

104 篇文章 4 订阅

订阅专栏

<template>
  <h1 @click="changeNum">计数{{ num }}</h1>
</template>

import { ref } from 'vue'
export default {
  data () {
    return {

    }
  },
  methods: {
  },
  setup () {
      // 定义num初始值为0
    const num = ref(0)
    function changeNum () {
      num.value += 20
    }
    return { num,changeNum }
  },
 
}