电商网站服务排名,十堰网站seo方法,手机广西网,潍坊建设银行招聘网站概念
父组件传给子组件的属性#xff0c;但该属性没有在子组件 props 属性里定义。 属性继承
非 Prop 的属性默认情况下会被子组件的根节点继承#xff0c;非 prop 的属性会保存在子组件 $attrs 属性里。 举例 子组件 date-picker 如下 !-- 我是子组件 date-picker --但该属性没有在子组件 props 属性里定义。 属性继承
非 Prop 的属性默认情况下会被子组件的根节点继承非 prop 的属性会保存在子组件 $attrs 属性里。 举例 子组件 date-picker 如下 !-- 我是子组件 date-picker --templateview classdate-pickerinput typedatetime-local //view/template 父组件定义非 prop 属性 data-status如下
date-picker data-statusactivated/date-picker 子组件实际渲染如下 !-- 渲染 date-picker 组件 --div classdate-picker data-statusactivatedinput typedatetime-local //div
data-status 被应用在根节点根节点单文件组件中template 标签的直接子元素就是根节点上 非 prop 的属性会保存在子组件 $attrs 属性里。 事件继承
非 Prop 的方法会被子组件的根节点继承。
非 prop 的方法会保存在子组件 $attrs 属性里名称上 会变成 on 比如 click 会变成 onClick vue3。 温馨提示
1、非 prop 的方法的 this 依旧是指向父组件。
2、Vue 2 需要在被继承的节点上使用 v-on$listeners 才能继承父组件传过来的方法。 子组件指定节点继承
子组件设置 inheritAttrs: false在需要继承属性方法的子组件节点上使用 v-bind$attrs。 温馨提示
vue2 的 $attrs 属性不包含父组件传过来的 class 和 style 属性vue3 的 $attrs 包含父组件传过来的 class 和 style 属性。
