vue3.0---定义事件

<template>
<div @click="clickFn1(203)">{{num1}}</div>
<div @click="clickFn2">{{num2}}</div>

</template>
<script>

import { defineComponent, ref, reactive, toRefs } from "vue";
export default defineComponent({
  name: "home",
  setup(props, ctx) {
    let num1 = ref("20");
    let data = reactive({
      num2: 10,
    });
    let clickFn1=(val)=>{
      // 在方法里访问ref数据，要使用数据名.value
      console.log(num1.value)
      console.log('1')
      console.log(val)
    }
    let clickFn2=()=>{
      // 在方法里访问reactive数据，就不需要，可以直接访问
      console.log(data.num2)
      console.log('2')
    }
    return {
      num1,
      ...toRefs(data),
      clickFn1,
      clickFn2
    };
  },
});
</script>
<style scoped lang="scss">
</style>