第 1 章 Vue.js简介
命令式操作DOM
这本质上是命令式操作DOM的问题,我们曾经用jQuery操作DOM写需求,但是当应用程序变复杂后,代码就像一坨意大利面一样,有点难以维护。
【评】估计作者像喷一下,一般我们都会吐槽“堆着像屎山一样”。写过页面都知道,一旦HTML和CSS、JavaScript,随着页面变复杂之后,这三个的代码简直多得不得了,W3C的标准是将页面的结构,页面的行为,页面与用户交互的行为分开,但是这三样东西逐渐变庞大了呢?或许Vue能给我们答案,这个答案是什么呢?答案就在下面那段话中
1.1 什么是Vue.js
组件
Vue.js允许你将一个网页分割成可复用的组件,每个组件都有自己的HTML、CSS和JavaScript来渲染网页中一个对应的位置。
【评】这句话就解开我的疑问,当三件套逐渐变多的时候,应该怎么处理!
1.2 Vue.js简史
渐进式框架
在开发Vue.js的整个过程中,它的定位发生了变化,一开始的定位是:
“Just a view layer library”
就是说,最早的Vue.js只做视图层,没有路由,没有状态管理,也没有官方的构建工具,只有一个库,放在网页里就直接用。
后来,他发现Vue.js无法用在一些大型应用上,这样在开发不同大小的应用时,需要不停地切换框架以及思维模式。尤雨溪希望有一个方案,有足够的灵活性,能够适应不同大小的应用需求。
所以,Vue.js就慢慢开始加入了一些官方的辅助工具,比如路由(Router)、状态管理方案(Vuex)和构建工具(vue-cli)等。加入这些工具时,Vue.js始终维持着一个理念:“这个框架应该是渐进式的 。”
这时Vue.js的定位是:
The Progressive Framework
翻译成中文,就是渐进式框架。
所谓渐进式框架,就是把框架分层。,就是把框架分层。
最核心的部分是视图层渲染,然后往外是组件机制,在这个基础上再加入路由机制,再加入状态管理,最外层是构建工具。
图:框架分层
评论
这段话很好的解释了渐进式框架这个概念,我想我们人也一样先把自己能做的事情做好,再逐渐扩大自己的能力范围,这里我解释为“渐进式发展”。