devttl/reference
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

doc: update vue.md #154 #10

Browse Source
This commit is contained in:
jaywcjlove 2022-11-21 14:38:20 +08:00
parent 849dc045e5
commit 1f73708838
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
docs/vue.md
View File

@ -171,7 +171,7 @@ app.mount('#app')
通过不带参数的 `v-bind`，你可以将它们绑定到单个元素上 通过不带参数的 `v-bind`，你可以将它们绑定到单个元素上
```vue ```html
<script setup> <script setup>
import comp from "./Comp.vue" import comp from "./Comp.vue"
import {ref} from "vue" import {ref} from "vue"
@ -436,7 +436,7 @@ export default defineComponent({
### 响应式样式 ### 响应式样式
```vue ```html
<script setup> <script setup>
import { ref } from 'vue' import { ref } from 'vue'
const open = ref(false); const open = ref(false);
@ -461,7 +461,7 @@ const open = ref(false);
### 监听状态 ### 监听状态
```vue ```html
<script setup> <script setup>
import { ref, watch } from 'vue'; import { ref, watch } from 'vue';
@ -498,7 +498,7 @@ watch(count, function() {
### 计算状态 ### 计算状态
```vue ```html
<script setup> <script setup>
import { ref, computed } from 'vue'; import { ref, computed } from 'vue';
@ -521,7 +521,7 @@ const capital = computed(function(){
### defineProps ### defineProps
```vue ```html
<script setup> <script setup>
import { defineProps } from 'vue'; import { defineProps } from 'vue';
@ -538,7 +538,7 @@ defineProps({
子组件定义需要的参数 子组件定义需要的参数
```vue ```html
<script setup> <script setup>
const username = 'vue' const username = 'vue'
</script> </script>
@ -552,7 +552,7 @@ const username = 'vue'
### defineEmits ### defineEmits
```vue ```html
<script setup> <script setup>
import { defineEmits, ref } from 'vue'; import { defineEmits, ref } from 'vue';
@ -573,7 +573,7 @@ const onSearch = function() {
子组件定义支持 `emit` 的函数 子组件定义支持 `emit` 的函数
```vue ```html
<script setup> <script setup>
const onSearch = function(keyword){ const onSearch = function(keyword){
console.log(keyword) console.log(keyword)
@ -589,7 +589,7 @@ const onSearch = function(keyword){
### defineExpose ### defineExpose
```vue ```html
<script setup> <script setup>
import { defineExpose, ref } from 'vue'; import { defineExpose, ref } from 'vue';
@ -609,7 +609,7 @@ defineExpose({ onSearch })
子组件对父组件暴露方法 子组件对父组件暴露方法
```vue ```html
<script setup> <script setup>
import { ref } from 'vue' import { ref } from 'vue'