三大前端框架，哪个框架组件间交互像js方法传值一样简单

　　首先框架组件通信是为了方便组件模块之间进行数据交互的，因为框架的开发本就是组件化，模块化开发，讲一个完整的项目分割成不同的组件，view组件，功能组件等等，然后形成一个具有完整功能交互的page，前端三大主流框架无异于vue，react，angular，vue版本分为1.0以及2.0，目前3.0版本正在开发中，react的开发版本无异于15以及16，angular的版本相对来说就比较多，angularjs也就是1，angular2、4、5、6、8等，除了angular1不是组件化开发外，其余均是组件化开发，在不同版本中，组件通讯传值亦是不一样的。

　　在vue中，组件通讯分为嵌套组件，父组件-子组件，子组件-父组件，以及兄弟组件通信，还有多组件集中数据共享。最为常见的这几种传值中，父组件-子组件依赖于绑定属性以及props属性，子组件-父组件依赖于绑定事件，$emit以及回调函数，如果想要直接获得当前父组件以及子组件可以借助ref属性，以及$parent来直接拿到父子对象，进行数据获取。兄弟组件则完全依赖于$emit，$on两个语法进行数据传值。

　　如果组件过多共享数据的情况下，便要使用vuex来进行集中管理。Vue中的通讯相对于js的通讯来说遵循了自己内部的语言规范。对于react框架来说，完全是class对象的开发，继承react声明组件语法对象、无论父子还是子父通讯，都完全依赖于组件对象上进行prop属性的绑定，进行state数据传递，因为在react中数据传递的载体就是prop以及state，所以组件通讯更加依赖于这两个对象。

　　对于多组件的数据集中管理，可以使用redux，flux等工具，流程化管理集中数据，更加方便组件数据的共享。对于angular来说1版本中基本不提供组件化开发，所有数据交互均通过scope对象桥接，在2版本以后，angular引入组件化开发，其父子组件通讯也完全依赖于angular提供的丰富的核心库，借助装饰器input、output，eventemitter中emit方法以及属性式指令配合来完成父子以及子父通讯。

　　总而言之，框架是基于js开发的，形成了自己内部的一种声明规范，组件传值也依赖于自己内部api规范来执行。都是对于js做了二次的封装或者抽象。了解框架的api核心语言，组件传值还是比较容易实现的。

转载于:https://blog.51cto.com/14390906/2408006

三大前端框架，哪个框架组件间交互像js方法传值一样简单相关推荐

React JS 组件间沟通的一些方法
刚入门React可能会因为React的单向数据流的特性而遇到组件间沟通的麻烦,这篇文章主要就说一说如何解决组件间沟通的问题. 1.组件间的关系 1.1 父子组件 ReactJS中数据的流动是单向的,父 ...
angularjs组件间通讯_angular组件间通讯的实现方法示例
前言一个angular应用一般情况下包含多个组件,而且要让组件互相之间能进行通讯(数据传送),这样才能构成一个有机的完整系统. 1.情景引入下面例举一个实际遇到的情况: 上图页面包含两个组件,&q ...
android与H5交互调用js方法无效问题
正常的调用js方法很简单,只有一句话 mWebView.loadUrl("javascript:do()"); do();是js提供的方法名但是调用之后发现无效,不禁在想就这么一 ...
Vue 组件间通信方式汇总，总有一款适合你( 附项目实战案例 )
前言前期分享的 200行纯前端Vue代码!教你写一个专属TodoList[零基础友好] 这个项目案例中使用的组件间通信方式是通过事件绑定与props 接收来实现的,具体使用方式将在下面进行详细介绍 ...
uniapp 子组件 props拿不到数据_总结下React组件间的通讯
这是个老话题了. 随着组件化开发成为主流,每个组件都有完善的生命周期,大家可以在生命周期内做一些事情,每个组件有自己的状态管理机制.同时,每个组件都是独立的.这能提高大家的开发效率,规范化开发. 今天 ...
android WebView通过js方法与原生交互
根据WebView里面的链接字符串跳转Activity activityBaseWebAddWebView.setWebViewClient(new WebViewClient() {@Overrid ...
web前端三大主流框架_小猿圈web前端之前端的主流框架都有哪些？
社会在不断发展,互联网更新换代也是飞速,web框架也是经历一代又一代的革新,那么当今时代什么框架是前端的主流框架呢?小猿圈web前端讲师查了一些资料,整理出当今时代比较流行的三种框架,下面说一下这三种 ...
介绍｜三大前端框架之Vue
近十年以来,IT行业发展火热,衍生了很多新职业,例如UI设计师.开发工程师.软件测试工程师等等,在众多备受瞩目的新生职业中,Web前端工程师是其中的一员.那么Web前端三大主流框架是什么呢? Vue. ...
前端绘图开源组件_推荐10款常用的高质量的Web前端UI开源框架，必收藏
Web前端领域最近几年发展的特别迅速,可以说是百家争鸣.Web前端框架就是为了节约开发成本和时间,一般开发一个项目都会用到前端框架(除非自己有前端开发团队).对于现在的开发者来说,都向着全栈方向发展, ...

三大前端框架，哪个框架组件间交互像js方法传值一样简单

三大前端框架，哪个框架组件间交互像js方法传值一样简单相关推荐

最新文章

热门文章