Vue.js 初打仗

Vue.js 引见

官方引见:

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架差别的是,Vue 采纳自底向上增量开辟的设想。Vue 的中心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支撑的库连系使用时,Vue 也完全能够为庞杂的单页运用程序供应驱动。
以上为Vue.js官网的引见。

一、实在在打仗了Vue.js后给我最大的打击就是双向数据绑定功用,之前我们须要让页面和用户发生交互时,一般我们会如许:
1、猎取DOM节点,然后猎取到用户的输入内容。
2、猎取展现的DOM节点,然后将猎取的内容插进去到节点中。
能够看出这么简朴的功用我们却须要比较多的代码去完成,然则在Vue.js中只须要几行代码就搞定,看起来也更文雅一些。
二、另有一点也是头脑不轻易转过弯的一点,就是我在进修前端时,打仗的头脑都是须要我们将HTML CSS JavaScript 3者离开,轻易保护。然则在进修了Vue.js打仗了单文件组件以后,天下又变了,又让我们将同一个组件的HTML CSS JavaScript放到一个文件中,如许又便于保护和复用,这一脸的懵那啥。
说起来组件的头脑到不难明白,实在不论之前的离开文件照样如今的合在一个文件里,都是模块化的头脑,只不过应对的时期差别。
早期的时期web还只是web,页面也并不庞杂,所以首倡的时HTML CSS JavaScript星散,如许出题目能够很快定位。然则如今的web变成了web运用,它不在只是网页而变成了网页运用,上升到运用这以层级,代码量也是涨了很多倍,假如在相沿之前的头脑,那动辄一个文件上万行,别说处置惩罚bug就是找到bug都难题。然则假如切换到单文件组件这个头脑时,就轻易了。单文件组件头脑是指将web中的自力的页面构造部份或者是功用部份抽离出来做一个最小的组件,然后将一地组件像搭积木一样拼接起来构成一个web运用,如许的做的长处显而易见:
1、组件与组件之前关联不大,能够最大限制防止组件之前的侵入。
2、最小功用组件,单一的组件文件并不大,假若有题目能够很快找到,而且他人明白起来也轻易。
3、由于是组件与组件搭建的运用,所以发现题目能够很快定位题目。
4、组件也能够复用,进步代码的可利用度,提拔工作效力。
当然有长处就有瑕玷:
1、组件与组件之间做到很好的星散,防止侵入的同时也阻挠了它们之间的通讯。
2、关于项目早期组件的合理分别也有肯定请求,假如分别的不好能够还不如之前的计划。
三、末了另有一点,就是数据与视图层的星散。
在之前我们的html和数据是搀和到一同的。如今是将数据从view中抽离出来,经由运算再衬着到视图层。我认为这也是为何Vue.js能帮我们省掉了操纵DOM的代码,只需我们将数据和view绑定准确,以后数据有什么处置惩罚都不必管view层,只须要在js中处置惩罚数据就好,Vue.js会帮你将效果衬着到view层。这是Vue.js带给我们的方便。
末了总结一下:我用本身的话总结Vue.js,Vue.js是一个具有数据与视图星散、单文件组件头脑和双向数据绑定功用的前端框架。

近来一直在进修Vue.js,看过一遍官方文档以后认为本身会了,然则隔了1天以后再来看,又觉的好生疏,似乎之前从来没打仗过,觉得本身的记忆力这么差。
想经由过程记笔记的情势记着这些东西也不是很胜利,是不是是本身太笨总记不住学问点,总不能每隔几天我就过一遍官方文档吧,如许进修效力太低了。
之前听人说,你读完了一本书,并不意味着你真的能懂了,磨练本身是不是学会的好办法就是用本身的话将内容转述出来,如许才能让新的学问在脑子里走一圈,和已有的学问缝合在一同。所以我就想将Vue.js中本身选到的学问点转述出来,变成笔墨,愿望如许有助于将这些学问紧紧的缝合到本身的学问系统中。这是第一篇的内容,以后还会有进修的体味。
末了,这篇文章只是个人的进修笔记,程度有限,若有题目,请联络我。感谢

    原文作者:简以凝
    原文地址: https://segmentfault.com/a/1190000009625784
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞