logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue3中组件通信的九种方式

一、props:父传子二、自定义事件:子传父三、mitt:任意组件通信四、v-model:父子互传,用的较少五、$attrs:爷孙互传六、$refs与$parent七、provide、inject:祖给后代们八、pinia九、slot(插槽)

文章图片
#前端#vue.js#javascript
Vue3中的defineProps接收参数,并withDefaults设置默认值

1. defineProps:接收父组件传递的参数。这两个api都不需要引入,可直接在setup中使用。2. withDefaults:接收时设置默认值。1. person.vue接收参数。3. type.ts 定义类型。2. App.vue传递参数。

文章图片
#windows#javascript#前端
Vue3中的defineProps接收参数,并withDefaults设置默认值

1. defineProps:接收父组件传递的参数。这两个api都不需要引入,可直接在setup中使用。2. withDefaults:接收时设置默认值。1. person.vue接收参数。3. type.ts 定义类型。2. App.vue传递参数。

文章图片
#windows#javascript#前端
vue3中watch(监听)的五种情况

第三个参数是一个配置对象:可选值:1. immediate:在监听创建时立即触发回调,第一次调用时旧值是undefined2. deep:如果值是对象,强制使用深度遍历,一遍在深层级变更时触发回调3. flush:调整回调函数的刷新时机默认情况下,监听的回调(第二个参数)都会在 Vue 组件更新之前被调用。这意味着你在监听回调中访问的 DOM 将是被 Vue 更新之前的状态。如果想在监听回调中能访

文章图片
#vue.js#前端#javascript
到底了