开始学习Vue

Posted 2021-01-21 judyh

vue的由来

vue的作者尤雨溪，2013年他在Google工作，他经常需要在浏览器上进行大量原型设计，于是他想要尽快获得有形的东西。当时有些项目使用了Angular。Angular提供了一些用数据绑定和数据驱动来处理 DOM 的方法，所以不必自己碰DOM。但它也有一些副作用，就是按照它规定的方式来构建代码。对于当时的场景而言实在是太重了。

于是作者只把他喜欢的部分从 Angular中提出来，建立一个非常轻巧的库，不需要那些额外的逻辑。最开始他只是想着手提取 Angular 里面很小的功能，如声明式数据绑定。Vue就是这么开始的。

Vue的特点

渐进式框架：Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层。“渐进式”的理念就是，vue只保持一个很小的核心，只提供一些最重要的功能。其他更多的功能，开发者可以通过引入独立的解决方案，比如说路由、状态管理，构建工具链和CLI，这样的话开发者就可以自己决定要不要使用,也让vue的代码保持精简，体积也保持较小，而翻看Vue源码，除了代码精简外，很多细节点Vue中加入性能优化的考虑，这也使得Vue在性能上表现的很好。作者认为未来App的趋势是轻量化和细化，从Vue的特点里也可以看出来，Vue一直在尽力做到轻量化。

声明式渲染：Vue.js的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统，对于已了解关于 html、CSS 和 javascript 知识的人来说很容易上手。

组件系统：Vue的单文件组件设计在底层帮助我们实现了组件的聚合和解耦，在一个组件里，其模板、逻辑和样式是内部耦合的，并且把他们搭配在一起实际上使得组件更加内聚且更可维护。即便你不喜欢单文件组件，你仍然可以把 JavaScript、CSS分离成独立的文件然后做到热重载和预编译。

强大的工具链和类库：Vue-cli脚手架工具，让使用webpack来构建vue的项目架构变的很简单；ue-router（路由）、vuex（状态管理）、SSR（服务器端渲染）这些类库对于使用Vue来开发复杂的单页应该提供了很好的支持。

多端应用：基于 Node.js 的服务端渲染和基于 Weex 的移动端原生渲染