在Vue3中,你可以使用setup
函數來調用函數。
<template><button @click="handleClick">點擊我</button>
</template><script>
import { ref } from 'vue';export default {setup() {// 創建一個響應式的引用const count = ref(0);// 定義一個函數,當按鈕被點擊時,這個函數會被調用function handleClick() {count.value++; // 增加計數器的值console.log('按鈕被點擊了', count.value); // 打印日志}return {count, // 將計數器暴露給模板使用handleClick // 將函數暴露給模板使用};}
}
</script>
在這個例子中,我們首先導入了ref
函數,然后在setup
函數中創建了一個響應式的引用count
。然后我們定義了一個函數handleClick
,當按鈕被點擊時,這個函數會被調用,增加計數器的值并打印日志。最后,我們將count
和handleClick
返回,這樣它們就可以在模板中使用了。