1.什么是框架?
框架指的是一套非常优秀可被反复使用的代码。
一套完整的解决方案,相当于一个体系,对项目入侵较大,不易更换,项目中如果更换框架,需要对项目重新进行架构。
库(插件):提供某一功能,插件很小,对项目入侵小,可实现切换。
2.框架的优点:
JS(Dom操作)→JQuery(封装了Dom操作)→前端模板引擎(直接调用模板,但是会增加没必要的渲染)→Angular.js/Vue.js(减少没有必要的渲染,不需要操作Dom元素,只需要关系业务逻辑)————提高了开发效率(挣钱)
|
1.提高代码复用率 |
| 2.降低模块之间的耦合 |
| 3.提高开发速度 |
| 4.提高代码质数 |
3.什么是Vue.js,特点?
目前最火的前端主流框架之一,所谓的最火,就是观望的人最多,但是使用的人不是很多,与Angular.js以及React.js并称前端三大主流框架。 ——开发者:尤雨溪。
Vue.js是一套构建用户界面的框架,针对于前端页面的视图层,且易与第三方类库兼容,上手快。
| 体积小 |
| 基于组件(web component)开发方式 |
| 有非常好的中文文档 |
| 比其他框架简洁,上手比较快 |
4.Vue框架效率高,它利用了MVVM的思想。
由上图可知,VM中存在两个工具分别为dom listeners 和data binding
datalistener工具:站在view角度看,它是来监听dom变化的,DOM变化,用于更新mode数据
data bindings工具: 站在model角度看,model中数据变化,用于更新view数据。
mvvm提供了数据的双向绑定。
|
Model (模型):用于保存页面中单独的数据———M |
|
ViewModel(中间人,纽带):VM是一个调度者 ,将Model层的数据,渲染到View 层——VM |
|
View(视图):每个页面中HTML架构——V 用户界面:(<div id=”app“></div>) |
MVVM与基本代码对应关系如下图所示:
关于Vue 框架总结?
1.为什么使用Vue框架,了解关于从原生js到Vue框架的发展历程
2.了解Vue框架中的分层——MVVM,以及MVVM框架之间的对应关系。
下一篇我们将学习关于Vue框架的一些指令,希望大家持续关注我们的博客。希望该篇博客对您的学习有所帮助。