pubjs和vue之间的简单比较

首先在接触到pubjs这个框架的时候,我是有点懵的,写一个组件把dom与js,jq集成在模块里操作,与vue相比,写法差异刚开始看是有点懵的,毕竟vue是把template模板和js模块拆分成两块,看起来会更清晰点吧,个人见解!

当然个人认为pubjs框架是基础框架和ui库的集成。

emmm,但逐渐的了解,我觉得他们无论在生命周期还是对dom的操作,都是挺多相同点的。

例如在生命周期这一块,我觉得init方法对称vue中create这个生命周期,初始化数据,afterBuild方法我认为对称于beforeMounted和mounted这两个生命周期。

父子组件之间交互这块,vue主要是在虚拟dom中定义ref,通过this.$refs(ref定义名称)来获取子组件这个对象中数据和方法,而pubjs我们需要是通过定义pub-name或者createAsync的方式引入组件,通过this.$.['定义的name名']来获取对应的方法与数据。

子传父方法,子组件以fire(fireName,返回数据)这个方法回调给父组件,父组件通过onFireName去获取传过来的数据,这与vue的$emit很相似。子组件以$emit(emitName,返回数据)这个方法回调给父组件,父组件通过emitName去获取传过来的数据。

绑定事件上,pubjs提供了uiBind和uiProxy这两个方法,uiBind是针对对应的dom绑定静态事件的操作,uiProxy采用了事件委托的方法,把子元素事件委托给父级元素代理,已事件冒泡的形式去定位。

路由跳转这块,pubjs封装了navigate这个方法,vue-router使用this.$router.push的方法。

当然比较常用的还有setData赋值,getData获取值,reload重新刷新,reset重置这些api

 

posted @ 2022-02-14 22:56  不会飞的木木夕  阅读(212)  评论(0编辑  收藏  举报