TypechoJoeTheme

快把钟哥带走

zyz

网站页面
标签搜索
搜索到 23 篇与 Vue 的结果
2021-04-06

Vue核心思想

Vue核心思想
一、传统前端数据交互在传统中,前端页面显示的数据,是通过ajax异步获取到后台的数据,接着进行DOM操作将数据渲染。假设前端交互要改变数据时,又要再来一次上述步骤,而手动操作DOM是一个繁琐的过程且易出错。二、Vue核心思想之数据驱动Vue是一个提供了MVVM风格的双向数据绑定的Javascript库,专注于View 层。它让开发者省去了操作DOM的过程,只需要改变数据即可。在后台获取到的数据,即是Model。Vue会通过Dircetives指令,对DOM做一层封装,当数据发生改变会通知指令去修改对应的DOM,数据驱动DOM变化,DOM是数据的一种自然映射(绿色箭头方向)。Vue还会对操作进行监听,当视图发生改变时,vue监听到这些变化,从而改变数据,这样就形成了数据的双向绑定(蓝色箭头方向)。MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自动传递给 View,即所谓的数据双向绑定。三、数据响应原理当你把一个普通的 JavaScr...

Vue

9 阅读
2021年04月06日
9 阅读
0 评论
2021-04-06

Vue、React、Angular框架对比

Vue、React、Angular框架对比
一、框架模式了解1.MVCModel: 模型(数据层) View: 视图(数据展示) Controller: 控制器(业务逻辑) 主要是基于分层的目的,让彼此的职责分开。2.MVPModel: 模型(数据层) View: 视图(数据展示) Presenter: 控制器(业务逻辑) 从MVC模式演变而来。3.MVVMModel: 模型(数据层) View: 视图(数据展示) ViewModel: 控制器(业务逻辑和数据的开发二、MVVM好处1.低耦合View可以独立于Model变化和修改,一个ViewModel可以绑定到不同的View上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。2.可复用可以把一些视图的逻辑放在ViewModel里面,让很多View重用这段视图逻辑。3.独立开发开发人员可以专注与业务逻辑和数据的开发(ViewModel)。设计人员可以专注于界面(View)的设计。三、文件大小1.Vue是属于轻量级的,打包之后,只有20KB+。2.Angular,打包之后,就有60KB+。3.React,打包之后,就有40KB+。四、学习...

Vue

10 阅读
2021年04月06日
10 阅读
0 评论
2021-04-06

Vue起源以及生态

Vue起源以及生态
一、Vue是什么Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。二、Vue起源Vue作者是尤雨溪,作者曾经任职于谷歌。在Google 的工作需要在浏览器上进行大量原型设计,而当时有些项目使用了 Angular。Angular 提供了一些用数据绑定和数据驱动来处理 DOM 的方法,所以你不必自己碰 DOM。它也有一些副作用,就是按照它规定的方式来构建代码。对于当时的场景而言实在是太重了。当时作者就想着,能不能​​将喜欢的部分操作从 Angular 中提出来,建立一个非常轻巧的库,不需要那些额外的逻辑呢?Vue 大概就是这么开始的。开始时,Vue只是一个个人项目,在2014年2月,开源了一个前端开发库Vue.js。在所有的框架中,Vue 可能与 React 最像,但从更广泛的意义上说,在所有框架中,Vue是属于新的概念叫渐进的框架。因为 Vue 的核心组成只是数据绑定和组件,和 React 差不多。它只是解决了一小部分很重要的痛点。与 React ...

Vue

11 阅读
2021年04月06日
11 阅读
0 评论