最近在学习 vue3,整理了一些学习笔记,如果有人看到,并发现我有写的不对的地方,欢迎指正~ 用过 vue 组件传值的小伙伴都知道 props 这个属性,而 $attrs 属性可以看做 props 的加强版,用来简化 vue 组件传值,那么这两个属性具体有什么区别呢? 先说结论,区别 ...
使用组件的时候,如果需要传入组件props之外的属性,默认会只传到组件的最外层元素比如组件结构如下 使用的时候,想要传递自定义的 placeholder 属性这个时候,就需要先用inheritAttrs禁用默认的属性传递 然后给组件通过v bind attrs 绑定默认属性,如上面的代码已经绑定好了如果想要获取父组件传递的属性,则可以通过useAttrs 获取 ...
2022-02-11 17:06 0 1059 推荐指数:
最近在学习 vue3,整理了一些学习笔记,如果有人看到,并发现我有写的不对的地方,欢迎指正~ 用过 vue 组件传值的小伙伴都知道 props 这个属性,而 $attrs 属性可以看做 props 的加强版,用来简化 vue 组件传值,那么这两个属性具体有什么区别呢? 先说结论,区别 ...
有些变态需求:比如说A父组件里面导入了B组件,可是B组件里面又导入了C组件,现在需要A父组件传值给C组件,或者是C组件需要传值给父组件,这时候就需要用到$attrs和$listeners了。 $attrs 包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 ...
前言 vue通信手段有很多种,props/emit、vuex、event bus、provide/inject 等。还有一种通信方式,那就是 $attrs 和 $listeners,之前早就听说这两个api,趁着有空来补补。这种方式挺优雅,使用起来也不赖。下面例子都会通过父、子、孙子,三者的关系 ...
前言 vue通信手段有很多种,props/emit、vuex、event bus、provide/inject 等。还有一种通信方式,那就是 $attrs 和 $listeners,之前早就听说这两个api,趁着有空来补补。这种方式挺优雅,使用起来也不赖。下面例子都会通过父、子、孙子,三者的关系 ...
当有父组件A,子组件B,孙子组件C的时候 A-B B-C 的传值想必大家应该都非常熟悉了,通过props和$emit和$on来进行传值 那么A-C之间的传值要怎么做呢? 1、event.bus总线传值 2、vuex 但是在项目不是很庞大,很复杂的时候使用vuex传值显得有点大材小用 ...
前言 vue通信手段有很多种,props/emit、vuex、event bus、provide/inject 等。还有一种通信方式,那就是 $attrs 和 $listeners,之前早就听说这两个api,趁着有空来补补。这种方式挺优雅,使用起来也不赖。下面例子都会通过父、子、孙子,三者的关系 ...
$attrs的使用 vue $attrs是在vue的2.40版本以上添加的。 项目中有多层组件传参可以使用$attrs,可以使代码更加美观,更加简洁,维护代码的时候更方便。如果使用普通的父子组件传参prop和$emit,$on会很繁琐;如果使用vuex会大材小用,只是在这几个组件中使 ...
父组件调用 sub-menu 子组件 1. 引入子组件模板 import SingleFileRecursiveSubMenu from "@/components/menus/SingleFileRecursiveSubMenu"; 2. 注册子组件 'sub-menu ...