NoDom和Vue的区别

Stella981
• 阅读 509

看到有朋友在问NoDom和Vue的区别,我在这里做一个较完整的回复,只能是较完整,因为我对Vue及其源码了解并不深刻。

1、框架组成而言,NoDom强调模块,NoDom整个App就是一个大模块;Vue强调组件,它是把组件装到App中,而组件(component)和插件(plugin)往往会被很多开发者混淆;

2、框架的核心性能在于编译和渲染,Vue的编译没有了解,但是渲染的方式大概是在虚拟dom中渲染后再去和dom树中的节点进行对比,有修改则替换,这种做法的好处是简单而稳定。NoDom的渲染是分两步,首先判断该view对应的数据对象是否发生改变,改变了才进行渲染;其次是判断指令和表达式对应的数据项是否发生改变,改变了的项才会在dom树中更新。

3、数据完整性,Vue的数据使用很灵活,而根据多年开发经验,开发者往往会忽略web端的数据完整性,带来灵活的同时,也埋下了隐形的bug,NoDom严格执行x-model分层模型,任何一个view都只能使用当前x-model指定的数据对象下的数据项,也就是严格保证了数据的完整性。

4、NoDom使用更简单,举例来说,Vue的img src使用是:src,而NoDom使用表达式来获取图像路径,NoDom的只增加了 x-指令、 e-事件和{{表达式}},并不需要用户掌握更多的写法和技巧,路由(router)也是指令用法,而Vue使用相对复杂一些。

5、插件集支持,NoDom计划今年底之前发布完整的iphone插件集,便于开发者使用,目前已发布chart插件和msgbox插件。

6、当然区别还有很多,如果要仔细回答,我必须去把Vue的源码看一遍了 : )。

7、很多人看到NoDom框架都会问和Vue的区别,其实在开发前,我看Angular比较多,Vue是后期看了一些,总的说来,Angular、Vue、Avalon、NoDom都是增强原生Dom的表现力,主要采用指令和表达式。Angular给了大家一个新的方向,我们都从它那儿得到了很大的启发(向Angular致敬),后期设计过程中,主要精力还是在性能优化上,然后在框架中加入自己的一些经验,以便于开发者使用。看我的座右铭:尊重并勇于挑战。

点赞
收藏
评论区
推荐文章
blmius blmius
2年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
九旬 九旬
2年前
前端培训-Vue专题之Vue基础
简介特点:MVVM框架,双向绑定,数据驱动,单页面,组件化。区别Vue和jQuery的区别:不直接操作DOM,而是操作数据。案例:HelloWorld你好,世界HTML代码:xml<h1msg</h1jQuery实现javascript$("h1").text("你好,世界");Vue实现javascriptthis.msg'你好,世界'
Alex799 Alex799
3年前
5款vue前端UI框架
Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。实用的Vue.js组件库可以帮助我们快速搭建页面,下面介绍小编认为比较受欢迎的五个vue前端ui框架。TOP5——VueBluVueBlu是基于Vuejs和Bulma开发的开源UI组件库。旨在为PC端的前端开发(特别是中后台产品)提供一个快速且灵
Easter79 Easter79
2年前
vue+element 表格formatter数据格式化并且插入html标签
前言   vue中element框架,其中表格组件,我既要行内数据格式化,又要插入html标签一贯思维,二者不可兼得也一、element表格数据格式化  !(https://oscimg.oschina.net/oscnet/3c43a1cb3cbdeb5b5ad58acb45a42612b00.p
Souleigh ✨ Souleigh ✨
3年前
Vue3.0--Vue Composition API使用体验
本文将之前采用Vue2.6开发的todoList小项目改造成为Vue3.0编写,并介绍一下2.x和3.x之间写法的不同之处。Vue3.x适配大部分Vue2.x的组件配置,也就是说以前我们在Vue2.x针对组件的一些配置项,例如:exportdefault{name:'test',components:{},props:{},
科林-Colin 科林-Colin
3年前
Vue 组件通信方式及其应用场景总结
前言相信实际项目中用过vue的同学,一定对vue中父子组件之间的通信并不陌生,vue中采用良好的数据通讯方式,避免组件通信带来的困扰。今天笔者和大家一起分享vue父子组件之间的通信方式,优缺点,及其实际工作中的应用场景首先我们带着这些问题去思考1vue中到底有多少种父子组件通信方式?2vue中那种父子组件最佳通信方式是什么?3
helloworld_40038029 helloworld_40038029
10个月前
黑马Vue3 + ElementPlus + Pinia 小兔鲜电商项目2023
Vue3和ElementPlus是一对强大的前端技术组合,帮助开发者构建现代化的用户界面。Vue3作为一种流行的JavaScript框架,提供了响应式数据绑定、组件化开发和虚拟DOM等特性。而ElementPlus是基于Vue3的UI库,提供了丰富的组件和样式,使得开发人员可以轻松地构建漂亮且高效的Web应用。本文将介绍Vue3和ElementPlus的特点、使用方法和核心功能。
乐和 乐和
1个月前
前端框架及项目面试-聚焦Vue、React、Webpack
前端框架及项目面试-聚焦Vue、React、Webpackdownload》shanxueit.com/461/什么是Vue组件?如何创建一个Vue组件?Vue组件是Vue.js中可复用的、独立的模块,用于封装特定功能的HTML、CSS和JavaScrip
韦康 韦康
1个月前
Vue3+Pinia+Vite+TS 还原高性能外卖APP项目(更至八章)
Vue3PiniaViteTS还原高性能外卖APP项目(更至八章)download》quangneng.com/192/Vue3Vue3是一种流行的前端JavaScript框架,用于构建用户界面。它是Vue.js框架的最新版本,在Vue2的基础上经过
臧霸 臧霸
3星期前
前端框架及项目面试-聚焦Vue、React、Webpack
在前端框架及项目面试中,通常会聚焦于三个主要方面:Vue、React、以及Webpack。以下是针对这些方面可能涉及的一些问题和主题:1.Vue.js:Vue.js的基本原理和核心概念是什么?(如组件、指令、响应式数据等)Vue.js的生命周期钩子有哪些,