vue中如何实现组件间参数传递


本篇内容主要讲解“vue中如何实现组件间参数传递”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vue中如何实现组件间参数传递”吧!举例说明例如:element-ui组件库中使用switch开关,有个属性active-color是设置“打开时”的背景色。change事件是触发状态的事件。
分析代码我们分析上面的代码
首先我们可以看到active-color是将特定的数据传给组件,也就是父传子组件。
其次是@change虽然监听的是改变事件,但是语法糖依然是$emit,什么emit我们在以后的文章中会讲到,就是“抛出事件”。这就分为组件的最基本功能:
数据
•事件出那组件的使用我们知道了,通过active-color传入参数,通过@来接收事件。
所以,我们来探究一下组件的内部结构是什么样的?我写了一个小模型,是一个显示标题的小按钮,通过div包裹。
使用方法:
分析组件接收通过props接收父组件传递过来的数据,通过工厂函数获取一个默认值传递通过this.$emit('ai_click', title)告诉父组件,我要传递一个事件,名字叫“ai_click”,请通过@ai_click接收一下,并且我将title的值返回父组件。到此,相信大家对“vue中如何实现组件间参数传递”有了更深的了解,不妨来实际操作一 香港云主机番吧!这里是开发云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

相关推荐: Windows10中怎么改变鼠标的指针形状

这篇文章给大家分享的是有关Windows10中怎么改变鼠标的指针形状的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。具体步骤:1.点击桌面右下角的开始菜单标志,随后选择“设置”图标进入。2.在弹出的设置界面中点击“个性化”进入。3.左…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 07/15 17:24
下一篇 07/15 17:24

相关推荐