vue3
文章平均质量分 51
不爱码代码的程序猪
这个作者很懒,什么都没留下…
展开
-
vue3系列:(四)vue3使用props、defineProps实现父子传参
组合式API(SFC)一个组件选项,在组件被创建之前,props 被解析之后执行。它是组合式 API 的入口。入参:{Data} props{SetupContext} context与使用选项式 API 时的 this.$props 类似,该 props 对象将仅包含显性声明的 prop。并且,所有声明了的 prop,不管父组件是否向其传递了,都将出现在 props 对象中。其中未被传入的可选的 prop 的值会是&n原创 2022-04-28 15:38:18 · 7376 阅读 · 0 评论 -
vue3系列:(三)vue3使用watch、watchEffect实现监听
watchwatch API 完全等同于组件侦听器 property。watch 需要侦听特定的数据源,并在回调函数中执行副作用。默认情况下,它也是惰性的,即只有当被侦听的源发生变化时才执行回调,它接受3个参数一个想要侦听的响应式引用或 getter 函数一个回调可选的配置选项侦听单个数据源侦听器数据源可以是返回值的 getter 函数,也可以直接是 ref:// 侦听一个 getterconst state = reactive({ count原创 2022-04-15 16:38:39 · 4549 阅读 · 0 评论 -
vue3系列:(二)vue3使用computed计算属性
独立的 computed 属性输出一个只读的 响应式引用<p>我是王俊凯,我今年{{ age }}, {{ addAge }}周岁</p><el-button @click="ageAddClick">年龄+</el-button><script lang="ts">import {computed, ref} from "vue";setup() { const age = ref(18); const addA原创 2022-03-28 11:57:55 · 1263 阅读 · 0 评论 -
vue3中如何操作dom
vue3中操作dom的方法原创 2022-03-21 17:44:12 · 3242 阅读 · 0 评论