对vue进行多层组件监听

707 ℃

1、v-bind="$props": 可以将父组件的所有props下发给它的子组件,子组件需要在其props:{} 中定义要接受的props。

 vm.$props:当前组件接收到的 props 对象。Vue 实例代理了对其 props 对象属性的访问。

2、v-bind="$attrs":将调用组件时的组件标签上绑定的非props的特性(class和style除外)向下传递。在子组件中应当添加inheritAttrs: false(避免父作用域的不被认作props的特性绑定应用在子组件的根元素上)。

 vm.$attrs:包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时,这里会包含所有父作用域的绑定 (class 和 style 除外),并且可以通过 v-bind="$attrs" 传入内部组件——在创建高级别的组件时非常有用。

3、v-on="将父组件标签上的自定义事件向下传递其子组件可以直接通过emit(eventName)的方式调用。

 vm.$listeners:包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器。它可以通过 v-on="$listeners" 传入内部组件——在创建更高层次的组件时非常有用。

nodejs如何读取/修改/监听文件流

react如何利用addEventListener监听关闭Modal弹框

vue项目如何利用watch监听路由变化

vuejs如何利用watch实现监听

vuejs如何实现父子组件相互通信

标签: 监听, 组件监听

上面是“对vue进行多层组件监听”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_1483.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

网站如何利用外部链接正确优化SEO?
Vue如何实现消息推送功能
git教程之如何搭建Git服务器
mysql语法如何获取正确的时间格式(yyyy-MM-dd HH:mm:ss)
javascript语法对当前链接URL对象处理