Vue的props和$attrs用法

当然这个$attrs是vue2.4才推出的，为了简化父组件和孙组件的传值：&amp;lt;child-2 v-bind=”$attrs”/&amp;gt;真的是相当方便！注：不可滥用，如果是明确的属性还是要声明的，否则代码会越来越难维护。...

KevinAha

3297人浏览 · 2018-12-08 22:53:55

KevinAha · 2018-12-08 22:53:55 发布

用过vue的都知道props这个属性，而$attrs也许会有好些小伙伴不了解，它是从vue2.4版本才推出的，为了简化父组件和孙组件的传值，使用方式如下：

<child-2 v-bind=”$attrs”/>

真的是相当方便！

注：不可滥用，如果是明确的属性还是要声明的，否则代码会越来越难维护。有些属性是需要指定特殊类型的，有些属性为了安全起见是不可以直接传递给子元素的。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^