函数
Vue3
的函数直接定义在script
标签中,并且可以直接使用
<template>
<button @click="showAltert">按钮</button>
</template>
<script setup lang='ts'>
function showAltert(){
alert("Hello Vue3!");
}
</script>
注意,在函数中使用的所有变量和函数都不需要使用Vue2
的this
指针
<template>
<div>{{ num }}</div>
<button @click="changeNum">按钮</button>
</template>
<script setup lang='ts'>
import {ref} from "vue";
let text1=ref(0);
function changeNum(){
text1.value+=1;
}
</script>