一、Vue.js框架的基本认识

一、概念

MVVM可以拆分成:View --- ViewModel --- Model三部分 ,看下面的视图:


MVVM拆分3部分

eg:你在Model层中修改了name的值为:“李四”,那么View视图层显示的“张三”也会自动变成了“李四”,而这个过程就是有ViewModel来操作的,不需要你手动地去写代码去实现(你不用再手动操作DOM了)。

二、Vue.js的优点

1.Vue.js更轻量更快
2.更容易上手,易学

三、Vue的核心

通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件
Vue的数据驱动:数据改变驱动了视图的自动更新,传统的做法你得手动改变DOM来改变视图,vuejs只需要改变数据,就会自动改变视图,一个字:爽。再也不用你去操心DOM的更新了,这就是MVVM思想的实现。
视图组件化:把整一个网页的拆分成一个个区块,每个区块我们可以看作成一个组件。网页由多个组件拼接或者嵌套组成。看下图:

视图组件化

四、适用场景

1.用jquery频繁操作你的DOM来更新页面;
2.有多个部分是相同的,并可以封装成一个组件;
3.Vue.js的核心实现中使用了ES5的Object.defineProperty特性,IE8及以下版本浏览器是不兼容的;所以项目需要兼容这些较低版本的浏览器的话,那么,Vue.js就不适用了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 2017年3月28日 (第16天) 今天读本文,感叹于老师不断重复的讲观念。关于这一点,这订阅专栏之前,我总是想...
    sanyaojing阅读 261评论 0 3
  • 前几天,淋雨着了凉,给自己煮了一碗浓浓的姜糖水。几口姜糖水下肚,温热的感觉从咽喉缓缓滑过,一寸一寸地涌进胃里,瞬间...
    阿果悠悠阅读 595评论 1 1
  • 文/孤鸟差鱼 我心中有诗 你别不让我自由
    孤鸟差鱼阅读 188评论 0 4
  • 跨上心爱的坐骑 那是和母亲抗争的胜利品 那是一年的积蓄和多年的压岁钱 后坐上有时侯会有位可爱的女生 她笑的时候没有...
    叫我梅芳就好阅读 138评论 0 1