vue2.X组件学习心得(新手必看篇)-创新互联

VUEJS学习网址：https://cn.vuejs.org/

成都网站建设公司更懂你！创新互联只做搜索引擎喜欢的网站！成都网站制作前台采用搜索引擎认可的DIV+CSS架构,全站HTML静态,H5高端网站建设+CSS3网站,提供：网站建设，微信开发，微信小程序开发，商城系统网站开发，app软件开发，域名注册，服务器租售，网站代托管运营，微信公众号代托管运营。

此文章是用来记录自己的学习和实践心得。

关注点：父子组件之间的通信

看图说话：

vue2.X组件学习心得(新手必看篇)

Pass Props

子组件本身与父组件是孤立的，通过子组件中显示声明的props属性，接收父组件数据;

父组件的数据更新时，子组件的prop会跟着更新；

此数据流动是单向的（看着）;

Emit Events

子组件使用$.emit(fn)向外抛出自己的内部触发的事件;

父组件是否监听？如果父组件需要监听，使用v-on绑定监听，触发对应事件;

以上为通用语，具体分析

子组件可以接收一个字符串，在子组件内部可以用{{label}}使用　

<v-input label="姓名"></v-input>

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

文章题目：vue2.X组件学习心得(新手必看篇)-创新互联
标题URL：https://www.cdcxhl.com/article12/ehodc.html

成都网站建设公司_创新互联，为您提供服务器托管、动态网站、企业建站、虚拟主机、标签优化、网站维护

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容