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数据。

初识Vue.js框架

mvvm提供了数据的双向绑定。

初识Vue.js框架

MVVM思想

Model (模型):用于保存页面中单独的数据———M

ViewModel(中间人,纽带):VM是一个调度者 ,将Model层的数据,渲染到View 层——VM

View(视图):每个页面中HTML架构——V

用户界面:(<div id=”app“></div>)

MVVM与基本代码对应关系如下图所示:

初识Vue.js框架

关于Vue 框架总结?

   1.为什么使用Vue框架,了解关于从原生js到Vue框架的发展历程

   2.了解Vue框架中的分层——MVVM,以及MVVM框架之间的对应关系。

下一篇我们将学习关于Vue框架的一些指令,希望大家持续关注我们的博客。希望该篇博客对您的学习有所帮助。

相关文章:

  • 2021-09-11
  • 2020-03-01
  • 2021-05-13
  • 2021-12-13
  • 2022-02-07
  • 2021-10-31
  • 2021-04-02
  • 2021-11-08
猜你喜欢
  • 2021-08-12
  • 2022-12-23
  • 2022-12-23
  • 2021-08-29
  • 2021-04-10
相关资源
相似解决方案