💬 补充 hooks 文档

This commit is contained in:
就眠儀式
2021-12-06 09:35:18 +08:00
parent 2fd930e6bc
commit 0592b3cd72
26 changed files with 144 additions and 291 deletions

View File

@@ -0,0 +1,21 @@
::: title 基础使用
:::
::: block 使 用 useBoolean 创 建 布 尔 类 型 的 Ref 响 应 变 量
:::
```vue
<script>
import { useBoolean } from '@layui/hooks-vue'
export default {
setup() {
const { setTrue, setFalse } = useBoolean(true)
return {
setTrue,
setFalse
}
},
}
</script>
```

View File

@@ -11,7 +11,7 @@
<script>
import { ref, watch } from 'vue'
import useClickOutside from '/@src/hooks/useClickOutside'
import { useClickOutside } from '@layui/hooks-vue'
export default {
setup() {

View File

@@ -10,7 +10,7 @@
</template>
<script>
import useFullScreen from '/@src/hooks/useFullScreen'
import { useFullScreen } from '@layui/hooks-vue'
export default {
setup() {

View File

@@ -11,7 +11,7 @@
<script>
import { ref, watch, onMounted } from 'vue'
import useMove from '/@src/hooks/useMove'
import { useMove } from '@layui/hooks-vue'
export default {
setup() {

View File

@@ -0,0 +1,12 @@
::: title 快速上手
:::
<br>
<br>
::: describe 1.使用 npm 下载
:::
```
npm install @layui/hooks-vue --save
```

View File

@@ -0,0 +1,21 @@
::: title 基础使用
:::
::: block 使 用 useState 创 建 Ref 响 应 变 量
:::
```vue
<script>
import { useState } from '@layui/hooks-vue'
export default {
setup() {
const { state, setState } = useState(0)
return {
state,
setState
}
},
}
</script>
```