hooks
import { ref } from "vue"
const useTest = () => {
const flag = ref(false)
const changeFlag = () => {
flag.value = !flag.value
}
return {
flag,
changeFlag
}
}
export default useTest
页面
<template>
<view class="content">
<view @click="onChange">改变flag状态</view>
<view>页面flag：{{pageFlag}}</view>
<view>页面flag表达式：{{pageFlag ? 'yes' : 'no'}}</view>
<view>hooks-flag：{{test.flag}}</view>
<view>hooks-flag表达式：{{test.flag ? 'yes' : 'no'}}</view>
</view>
</template>
<script setup>
import { ref } from "vue"
import useTest from '../../hooks/useTest';
const test = useTest()
const pageFlag = ref(false)
const onChange = () => {
test.changeFlag()
pageFlag.value = !pageFlag.value
}
</script>
<style>
.content{
text-align: center;
}
</style>
1 个回复
靐齉齾麤龖龗 - 解决不了问题，那就解决提出问题的人
试试 const {flag, changeFlag}= useTest() 这样使用应该是可以的