Vue——知识体系总结
目录
一、引言
二、历史发展
三、依赖工具
四、vue
4.1基础
4.2插件
五、第三方库
六、总结
一、引言
学完vue，基本会使用了，框架也会搭建了，但是我们要知其然还要知其所以然，从宏观有比较清楚的认识，梳理下知识体系。
下面是我梳理的vue知识体系：
二、历史发展
前端历史发展还是非常迅速地，在我的编程的四五年的时间就已经经历了一波历史演变。
从最初的原生js开发——jQuery出现，使用它进行适应各种浏览器——出现模板引擎velocity等——vue、react、angularjs等框架，现在仍然这四种方法都有人使用，主要是熟悉适应的过程，其实底层都是一样的。
当然vue是mvvm设计模式，mvvm是抽象的，和mvc一样，是前端的比较适合的设计模式，而mvc是比较适合后端的设计模式，其实挺纳闷的mvvm是微软提出的，最后被google的angularjs给普及了，挺郁闷的也是
三、依赖工具
现在的开发已经不是最初的那么单纯与纯粹了，学习个.net需要知道iid、nut、net MVC、dll等，学个java需要知道tomcat、maven、spring等，同样学习vue也不止要html、css、JavaScript三剑客，还要知道node、npm、cnpm、webpack、vue-cli、vue-loader等。
node是前端的服务器开发工具，自带npm，用于模块化管理前端包的工具；
cnpm是国内的npm镜像，用于下载前端的包；
webpack是用于打包遵循es6写的前端代码，整合css、js文件，适用与SPA（单页面应用程序）；
vue-cli是基于webpack的vue项目构建工具，使用你可以节省很多配置；
vue-loader是预处理器，主要是对.vue文件进行预处理，预处理器还有css-loader、url-loader等；
……还有很多，可以不用管他们啦
四、vue
了解这些后终于进入vue正题，上面这些实际做项目非常有用，如果你纯粹为了了解vue，直接看这个就够了==
4.1基础
自己认为vue最重要的就是生命周期和组件两个概念了，通过生命周期你可以决定什么时候初始化对象、初始化界面，通过组件可以复用、父子组件传值、组件中slot插入html代码等。
除了这两个，最基本的插值和指令都肯定要了解的，用来插入数值v-bind，绑定数值v-modal，渲染v-for、v-if，事件v-on等。
然后就是watch、filter、compute一些常用小技巧属性。
render函数和它里面的jsx语法在自己创建复杂组件的时候很可能会用到。
——————————————————————————————
对了忘了一个地方，动画也是vue比较基础的一块，不给过不影响其他概念理解。
4.2插件
插件为vue提供全局功能，经常提供属性方法或者实例或者一个库的形式存在，下面说两个常用的：
vue-router，控制vue的路由，就是url，可以设置路由规则进行跳转，前进或者后退；
vuex，简单理解可以是个全局变量控制器，同时有getter和setter的方法，当然具体名字不太一样，组件之间的传值不方便的时候用vuex很便捷；
五、第三方库
ui库是为了快速搭建页面的，常用的element，iview，手机端mint，组件复用还是很爽的；
其他的库直接npm install安装就好啦，我经常用openlayers，echarts，jquery等，想用啥直接装，妈妈再也不用单位我到处找库了==
六、总结
- 历史发展
- 工具
- vue
- 插件
- 第三方库
Vue——知识体系总结相关推荐
- 2018 我所了解的 Vue 知识大全（一）
年初第一个 flag 就是掌握 vue ,哈哈 Vue ,React ,Angular 三大主流框架,最后我选择学习 Vue ,接触过 React ,自己感觉学习曲线有些陡峭,进而我选择了学习 Vue ...
- 我的前端知识体系构建（上）
前沿:树酱君是个渣渣,梳理了下发现还是蛮多知识点不够扎实,童鞋有机会也定期给自己做个复盘和回顾,梳理自己的知识体系.再加上前端娱乐圈变化多端,以至于我们既要加强对底层基础知识的巩固,查漏补缺,也要保持 ...
- 【狂神说Java】Vue学习笔记01：前端知识体系
本文根据B站[狂神说Java]vue系列视频整理,如需观看视频,请点击链接跳转 [狂神说Java]Vue视频 2.前端知识体系 想要成为真正的"互联网Java全栈工程师"还有很长的 ...
- layui 如何动态加载局部页面_从输入URL到页面加载的过程？如何由一道题完善自己的前端知识体系！
前言 见解有限,如有描述不当之处,请帮忙指出,如有错误,会及时修正. 为什么要梳理这篇文章? 最近恰好被问到这方面的问题,尝试整理后发现,这道题的覆盖面可以非常广,很适合作为一道承载知识体系的题目. ...
- 一篇文章搞懂前端学习方法与构建知识体系，怎么做自己的职业规划
前沿 在大前端的成长路上,很多的同学都非常的迷茫,看到一座座越来越高的山.慢慢在工作中也对自己的职业发展也特别迷茫.有些粉丝也私信我问过我一些职业发展的问题,还有"我应该学习什么技术?&qu ...
- 落魄前端，整理给自己的前端知识体系复习大纲（下篇）
前言 首先,感谢一些同行们对上篇的肯定. 其次,文章标题为"大纲",只是笔者,整理给自己的一个复习大纲. 也许内容并不深入,因为文章的标题与定义就是大纲,并没指望一篇文章,可以教会 ...
- Web前端知识体系梳理，值得收藏！
前言 现在是信息时代,经过 web1.0 时期.web2.0 时期到现在的移动互联网时期,信息获取越来越高效,坐着不动就会有大量的新闻.博客.资讯向你推荐而来. 作为一名靠谱的程序员,你免不了要查阅大 ...
- 一篇文章搞懂前端学习方法与构建知识体系
前沿 在大前端的成长路上,很多的同学都非常的迷茫,看到一座座越来越高的山.慢慢在工作中也对自己的职业发展也特别迷茫.有些粉丝也私信我问过我一些职业发展的问题,还有"我应该学习什么技术?&qu ...
- vue01-前端知识体系（狂神）
1.概述 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架,发布于2014年2月. 与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用 ...
最新文章
- 以太坊区块链Ethereum开发资料汇总
- android qq三方登录授权失败,QQ第三方登陆授权失败110401原因及解决办法分享
- Java并发——线程安全
- json.tojsonstring 导致cpu飙高_阿里调试神器立功了!进程导致Kubernetes节点CPU飙高的排查与解决...
- create-react-app 创建react应用环境变量（env）配置
- 计算机术语中bit的中文含义是,在计算机术语中bit的中文含义是
- 汇编rep movsb,rep stosb,repne scasb
- 哈佛架构、冯诺依曼架构、指令集
- 小程序如何开通微信支付？
- Java 知识点整理-7.StringBuffer类+冒泡排序+选择排序+二分法+Arrays类+基本数据类型的包装类
- 7. RabbitMQ 高级
- hyperledger/fabric-区块链快速入门教程+错误解决——良好用户体验
- js实现微博、微信分享
- java每日一练——第四天：输入两个整数num1和num2，请你设计一个程序，计算并输出它们的和、差、积、整数商及余数。
- 深入理解grpc（二）：grpc原理
- LeetCode——第121题：买股票的最佳时机
- 基于SSM+Vue的SSM学业预警平台信息管理系统
- 统一身份认证简单对接流程
- POJ_1905_Expanding Rods
- SysFader. IEXPLORE.EXE-应用程序错误解决方法