vue.js的官方文档中是这样介绍它的。
简单小巧的核心,渐进式技术栈,足以应付任何规模的应用。
简单小巧是指vue。js压缩后大小仅有17kn。所谓渐进式,就是你可以一步一步·有阶段性的来使用vue.js,不必一开始就使用所有的东西。随着本书的不断介绍,你会深刻感受到这一点,这也是开发者热爱vue.js的主要原因之一。
使用vue.js可以让web开发变的简单,同时也颠覆了传统前端开发模式,他提供了现代web开发中常见的高级功能,比如:
解偶视图与数据
可复用的组件
前端路由
状态管理
虚拟dom
1.1.1 MVVM模式
与知名前端框架angular·ember等一样,vue.js在设计上也使用 mvvm模式。
mvvm模式是由经典的软件架构mvc衍生来的,当view(视图层)变化时,会自动更新到viewmodel(视图模型),繁殖亦然。view和viewmodel之间通过双向绑定建立联系,
1.1.2vue.js有什么不同
如果你使用过jquery,那你一i的那个对操作dom。绑定事件等这些原声javascript能力非常熟悉,比如我们在指定dom中插入一个元素,并给他绑定一个点击事件
这段代码不难理解,操作的内容也不复杂,不过这样让我们的视图代码和业务逻辑紧耦合在一起,随着功能不断增加,直接操作dom会使得代码越来越难以维护。
而vue.js通过mvvm的模式拆分为视图和数据两部分,并将其扽里,因此你只需关心你的数据就行,dom的事情vue会帮用vue.js可以改写为:
<body>
<div id="app">
<button v-if="showBtn" v-on:click="handleClick“>click me</button>
</div>
</body>