Vue.js 初接触

Vue.js 介绍

官方介绍：

Vue.js是一套构建用户界面的渐进式框架。与其余重量级框架不一样的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不只易于上手，还便于与第三方库或既有项目整合。另外一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也彻底可以为复杂的单页应用程序提供驱动。
以上为Vue.js官网的介绍。

1、其实在接触了Vue.js后给我最大的冲击就是双向数据绑定功能，之前咱们须要让页面和用户产生交互时，一般咱们会这样：
一、获取DOM节点，而后获取到用户的输入内容。
二、获取展现的DOM节点，而后将获取的内容插入到节点中。
能够看出这么简单的功能咱们却须要比较多的代码去实现，可是在Vue.js中只须要几行代码就搞定，看起来也更优雅一些。
2、还有一点也是思想不容易转过弯的一点，就是我在学习前端时，接触的思想都是须要咱们将HTML CSS JavaScript 3者分开，方便维护。可是在学习了Vue.js接触了单文件组件以后，世界又变了，又让咱们将同一个组件的HTML CSS JavaScript放到一个文件中，这样又便于维护和复用，这一脸的懵那啥。
提及来组件的思想到不难理解，其实无论以前的分开文件仍是如今的合在一个文件里，都是模块化的思想，只不过应对的时代不一样。
早期的时代web还只是web，页面也并不复杂，因此提倡的时HTML CSS JavaScript分离，这样出问题能够很快定位。可是如今的web变成了web应用，它不在只是网页而变成了网页应用，上升到应用这以层级，代码量也是涨了不少倍，若是在沿用以前的思想，那动辄一个文件上万行，别说解决bug就是找到bug都困难。可是若是切换到单文件组件这个思想时，就容易了。单文件组件思想是指将web中的独立的页面结构部分或者是功能部分抽离出来作一个最小的组件，而后将一地组件像搭积木同样拼接起来造成一个web应用，这样的作的好处不言而喻：
一、组件与组件以前关联不大，能够最大限度避免组件以前的侵入。
二、最小功能组件，单一的组件文件并不大，若是有问题能够很快找到，而且别人理解起来也容易。
三、由于是组件与组件搭建的应用，因此发现问题能够很快定位问题。
四、组件也能够复用，提升代码的可利用度，提高工做效率。
固然有优势就有缺点：
一、组件与组件之间作到很好的分离，避免侵入的同时也阻止了它们之间的通讯。
二、对于项目初期组件的合理划分也有必定要求，若是划分的很差可能还不如以前的方案。
3、最后还有一点，就是数据与视图层的分离。
在以前咱们的html和数据是掺和到一块儿的。如今是将数据从view中抽离出来，通过运算再渲染到视图层。我以为这也是为何Vue.js能帮咱们省掉了操做DOM的代码，只要咱们将数据和view绑定正确，以后数据有什么处理都不用管view层，只须要在js中处理数据就好，Vue.js会帮你将结果渲染到view层。这是Vue.js带给咱们的便利。
最后总结一下：我用本身的话总结Vue.js，Vue.js是一个拥有数据与视图分离、单文件组件思想和双向数据绑定功能的前端框架。

---

最近一直在学习Vue.js，看过一遍官方文档以后觉得本身会了，可是隔了1天以后再来看，又觉的好陌生，仿佛以前历来没接触过，感受本身的记忆力这么差。
想经过记笔记的形式记住这些东西也不是很成功，是否是本身太笨总记不住知识点，总不能每隔几天我就过一遍官方文档吧，这样学习效率过低了。
以前听人说，你读完了一本书，并不意味着你真的能懂了，检验本身是否学会的好办法就是用本身的话将内容转述出来，这样才能让新的知识在脑子里走一圈，和已有的知识缝合在一块儿。因此我就想将Vue.js中本身选到的知识点转述出来，变成文字，但愿这样有助于将这些知识紧紧的缝合到本身的知识体系中。这是第一篇的内容，以后还会有学习的体会。
最后，这篇文章只是我的的学习笔记，水平有限，若有问题，请联系我。谢谢