新手村的试炼,React框架的对比

作者: 前端知识  发布:2019-12-23

 一、前言

率先,大家先精晓怎样是MVX框架情势?

  初入Vue.js的新世界,总归是要掌握些涉及到的新定义。新手诞生的首先课,开眼看看Vue的新世界~~~

MVX框架情势:MVC MVP MVVM

  学习连串目录地址:

1.MVC:Model(模型卡塔尔(قطر‎ View(视图卡塔尔 controller(调整器卡塔尔(قطر‎,首即使依照分层的目的,让相互的天职务开。

金沙澳门官网网址 ,  仓库储存地址:

View通过Controller来和Model联系,Controller是View和Model的和谐者,View和Model不直接关联,基本关系都以单向的。

 二、打野跳级

顾客User通过调整器Controller来操作模板Model进而到达视图View的生成。

  1、 Vue.js是什么?

2.MVP:是从MVC格局演化而来的,都是透过Controller/Presenter担任逻辑的拍卖 Model提供数据 View担负突显。

  Vue (读音 /vjuː/,相同于 view卡塔尔(英语:State of Qatar)是生龙活虎套用于创设客户分界面包车型大巴渐进式框架,只关心于视图层。在Vue的官方网址中大家可以预知,对于渐进式框架这么些词,作者是加粗表示的,根据笔者的规划,Vue包蕴了今世前端框架所不可不的内容,但是你并无需一发端就把具有的事物都用上,那几个都以可选的。

在MVP中,Presenter完全把View和Model举行了分手,首要的程序逻辑在Presenter里达成。

  对于Vue的表达,推荐简书上的生机勃勃篇小说,随笔地址:  

并且,Presenter和View是从未一直涉及的,是通过定义好的接口实行人机联作,进而使得在退换View的时候能够保障Presenter不改变。

  2、 使用Vue.js后与金钱观的前端开辟形式有啥不相同?

MVP情势的框架:Riot,js。

  在金钱观的前端开荒中,为了成功有个别职责,大家必要接纳 JS/Jquery 获取到成分的DOM成分,随后对获取到的DOM成分进行操作。而当我们运用Vue举行前端开拓后,对于DOM的富有操作全部交由Vue来管理,大家只必要关切于专门的职业代码的贯彻就足以了。

3.MVVM:MVVM是把MVC里的Controller和MVP里的Presenter改成了ViewModel。Model View ViewModel。

  3、 怎样使用Vue.js?

View的变化会自动更新到ViewModel,ViewModel的浮动也会自行同步到View上海展览中心示。

  3.1、使用 script 标签援用Vue.js(这里能够在Vue的官方网址络下载好js文件后接纳标签引进,也得以选取cdn的样式引进)

这种自发性同步是因为ViewModel中的属性达成了Observer,当属性别变化更时都能接触对应的操作。

  <script  src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>

MVVM格局的框架有:AngularJS Vue.js和Knockout Ember.js后三种人气异常的低以致是早起的框架方式。

  3.2、使用 Vue-cli 塑造单页应用(供给先在微型机中装置好node.js景况才可使用)

Vue.js是什么?

  //1、全局安装Vue-Cli
  npm install -g vue-cli
  //2、进入创建项目目录下
  //3、创建使用webpack模板的Vue单页应用,Enter后根据提示完成项目的创建
  vue init webpack projectname
  //4、进入项目目录下
  //5、下载项目引用的包
  npm install
  //6、运行项目
  npm run dev

拜望了上面包车型地铁框架格局介绍,大家得以知晓它是归于MVVM格局的框架。这它有怎样特点呢?

  4、 MVC与MVVM

实际Vue.js不是八个框架,因为它只聚集视图层,是二个构建数据驱动的Web分界面包车型客车库。

  4.1、MVC(Model-View-Controller):是生机勃勃种表现形式(UI / Presentation Pattern),它将软件的UI部分的设计拆分成多少个第黄金时代单元,分别是Model、View和Controller。MVC大旨是调节器,它担任管理浏览器传送过来的具备诉求,并决定要将何以内容响应给浏览器。

Vue.js通过轻易的API(应用程序编制程序接口)提供连忙的数据绑定和灵活的零件系统。

  Model:模型,用于存款和储蓄数据的机件;

Vue.js的表征如下:

  View:视图,依据Model数据开展内容展现的零件;

1.轻量级的框架

  Controller:调节器,选择并拍卖顾客指令,并回到内容

2.双向数据绑定

  4.2、MVVM(Model-View-ViewModel):MVVM的宗旨是ViewModel,它提供了对于Model和ViewModel的双向数据绑定,通过ViewModel连接View和Model,确认保障视图与数据的后生可畏致性,而以此进度是框架自动落成的,没有必要手动干预。

3.指令

金沙澳门官网网址 1

4.插件化

  图片版权表明:由Ugaya40

Vue.js与别的框架的分别?

  • 团结的小说,CC BY-SA 3.0,链接

1.与AngularJS的区别

 三、总结

相同点:

  那大器晚成章大家第风度翩翩学习了有的 vue 涉及到的有的定义,在背后的就学中,也会慢慢往本篇作品中内部增加用到的文化,作品起始处提供仓库储存地址里会将涉嫌到的知识点的汇总成二个markdown文书档案,希望多多关心啊,嘻嘻。

都协助指令:内置指令和自定义指令。

都援助过滤器:内置过滤器和自定义过滤器。

都援救双向数据绑定。

都不扶持低级浏览器。

本文由金沙澳门官网发布于前端知识,转载请注明出处:新手村的试炼,React框架的对比

关键词: 金沙澳门官网

上一篇:HTML5有那么些优势和特点,HTML5的新本性
下一篇:没有了