在src目录下创建一个setup文件夹 在当前文件夹中创建一个js文件
import { ref } from 'vue'
let count = ref(0)
function add(num) {
count.value = count.value + num
}
function minus(num) {
count.value = count.value - num
}
export {
count,
add,
minus
}
在home页面中
<template>
<div class="home">
<button @click="btnMinus">-</button>
{{count}}
<!-- <button @click="add(2)">+</button> -->
<button @click="btnAdd">+</button>
</div>
</template>
<script>
import { count, add, minus} from '../setups/countControl'
export default {
name: 'Home',
setup() {
function btnAdd() {
add(3)
}
function btnMinus() {
minus(2)
}
return {
count,
btnAdd,
btnMinus
}
}
}
</script>