
vue3
qq_38677540
这个作者很懒,什么都没留下…
展开
-
vue3的provide
provide和通常成对一起使用,使一个祖先组件作为其后代组件的依赖注入方,无论这个组件的层级有多深都可以注入成功,只要他们处于同一条组件链上。provide:提供一个值,可以被后代组件注入。inject:注入一个由祖先组件或整个应用 (通过) 提供的值父组件子组件B组件inject如果在注入一个值时不要求必须有提供者,那么我们应该声明一个默认值。原创 2023-08-31 16:13:56 · 353 阅读 · 0 评论 -
vue3全局事务总线mitt
vue3中$on,$off 和 $once 实例方法已被移除,组件实例不再实现事件触发接口。可以使用Mitt库(其实就是发布订阅模式的设计)使用方法通过emit派发, on 方法添加事件,off 方法移除,clear 清空所有。如果在setup中派送参数,需要写在onMounted。新建mitt文件夹,index.ts。原创 2023-08-29 16:31:48 · 346 阅读 · 0 评论 -
vue3中的自定义指令
之前的渲染中代表指令所绑定元素的 VNode。全局注册的自定义指令将正常工作。:指令绑定到的元素。这可以用于直接操作 DOM。中不需要显式注册,但他们必须遵循。:代表绑定元素的底层 VNode。:一个对象,包含以下属性。原创 2023-01-12 13:11:20 · 587 阅读 · 0 评论 -
vue3中的slot
可以同时使用父组件域内和子组件域内的数据。带有name的插槽称为具名插槽。原创 2022-12-16 19:28:20 · 307 阅读 · 0 评论 -
vue3中的readonly
接受一个对象 (不论是响应式还是普通的) 或是一个,返回一个原值的只读代理。只读代理是深层的:对任何嵌套属性的访问都将是只读的。它的 ref 解包行为与reactive()相同,但解包得到的值是只读的。原创 2022-12-13 16:32:08 · 1274 阅读 · 0 评论 -
vue3的生命周期
beforeCreate-> setup()created-> setup()beforeMount->onBeforeMountmounted->onMountedbeforeUpdate->onBeforeUpdateupdated->onUpdatedbeforeDestroy->onBeforeUnmountdestroyed->onUnmountederrorCaptured->o...原创 2021-07-14 15:09:53 · 93 阅读 · 0 评论 -
computed和watch
接受一个 getter 函数,返回一个只读的响应式对象。该 ref 通过.value暴露 getter 函数的返回值。它也可以接受一个带有get和set函数的对象来创建一个可写的 ref 对象。原创 2022-12-11 17:02:18 · 232 阅读 · 0 评论 -
vue3中reactive
返回一个对象的响应式代理,用来绑定复杂的数据类型。原创 2022-11-23 17:58:15 · 229 阅读 · 0 评论 -
vue3中ref
接受一个内部值,返回一个响应式的、可更改的 ref 对象,此对象只有一个指向其内部值的属性.value。原创 2022-11-21 17:56:37 · 1435 阅读 · 0 评论 -
vue3的transition
transition过渡属性linear:规定以相同速度开始至结束的过渡效果(等于 cubic-bezier(0,0,1,1))。ease:规定慢速开始,然后变快,然后慢速结束的过渡效果(cubic-bezier(0.25,0.1,0.25,1))ease-in:规定以慢速开始的过渡效果(等于 cubic-bezier(0.42,0,1,1))ease-out:规定以慢速结束的过渡效果(等于 cubic-bezier(0,0,0.58,1))ease-in-out:规定以慢速开始和结束的过渡效果(等于 cu原创 2022-10-01 12:52:18 · 6075 阅读 · 0 评论 -
vue3父组件动态改变传给子组件的值
vue3父组件动态改变传给子组件的值。原创 2022-08-15 14:43:16 · 1380 阅读 · 0 评论 -
vue3的v-model
v-model的参数,支持多个v-model。绑定,生成的 prop 名将是。v-model支持自定义修饰符。上所添加的修饰符,可以通过。prop 在组件内访问到。在input中使用相当于。对于又有参数又有修饰符的。作为 prop,并以。原创 2022-09-24 18:12:09 · 1507 阅读 · 0 评论