1 : 什么是 vue
vue.js 是一套渐进式的 JavaScript 框架
vue是一款很友好的框架 . 多途径并且高性能JavaScript框架 . 更好的维护和测试更强的代码 作用 : 动态结构用户界面
总之一句话 vue 牛批 : 易用 . 灵活 . 高效
vue与其他前端框架的关联
1 . 借鉴了 angular 的模板和数据绑定技术
2 . 借鉴了 react 的组件化和虚拟DOM技术
由此可见 vue 是借鉴了 前面两位大哥的优势 . 更好的提升了自己 (站在了巨人的肩膀上 和太阳肩并肩)
2 : 什么是框架 什么是库
2.1 : 框架
拥有一个完整的解决方案 . 让我们开发人员 开发好以后 . 它就能调用我们的代码
2.2 : 库 : 类似于 jQuery
1 . 库是别人开发好了以后 . 供我们开发人员去调用库里面的各种方法
2 . 库的概念和意义是用来提供一些方法的集合 . 避免重复定义一些功能相同的函数 . 并具有一定的模式和兼容性
3 . 框架 . 更应该是 规范开发者按照框架的设计理念去做一些事情 . 二千非常简单工具集的概念 . 框架可以提供相应的库 基于 库来实现插件 . 但是库一般都不会具框架的规范
3 : vue的特点
1 . 核心关注视图层
2 . 易学 . 轻量 . 灵活的特点
3 . 编写代码简洁 . 体积小 . 运行效率高 . 更适用于 移动端 和 pc端开发
4 . 渐进式框架
5 . 遵循MVVM模式
3.1 渐进式的理解
通过组合 . 完成一个完整的框架
通俗来讲 : 渐进式就是vue有一个核心的库 . 和一堆的插件 . 当核心库能完成的内容就用核心库 . 在开发中需要声明插件 再下载什么插件使用
图列 :
比如盖一栋楼房 : 起先说的是盖3层
然后我们就找了一些盖房的工人 . 和一些需要混泥车 ,
但是呢 后来房东又说在基础上再盖5层 . 此时我们的需求和人手就不够了, 就要再次寻找一些工人和一些需要的工具 来完成这次项目,但是呢又有一天 房东又提出了需求 , 要求铲平原来的修好的楼,该修别墅.此时又要去请求一些 地面设计师 别墅设计师 屋内设计师 所以我们又要去寻找更优秀的人才来完成这次项目工程 . 这就好比渐进式的理解
通俗来讲 : 如果你现在的需求 vue本身的库能完成你的需求 . 就不需要引入其他的组建等等.. 如果不满足就可以引用一些其他的工具
可能很多小伙伴 都知道 vue 全家桶~ 那么什么是全家桶呢?
简单的描述一下 vue.js + vue-router + vuex + axios
1 . vue.js : 声明式渲染
2 . 组建系统 ( 大型项目 . 很多部分可以复用 )
3 . vue-router : 客户端路由
4 . vuex: 大规模状态管理
5 . 构建工具 ( vue-cli )
3.2 MVC (单向) 视图
3.3 MVVM (双向) 视图
3.4 Vue插件
1. Vue.cli : Vue 脚手架
2. vue-resource : ajax请求 . 官网已经不推荐使用 . 推荐使用 axios
3. vue-router : 路由
4. vuex : 状态管理
5. vue-lazyload : 图片懒加载
6. vue-scroller : 页面滑动
7. element-ui : 基于 vue 的ui组件库 (pc端)
8. mint-ui : 基于 vue 组件库 (移动端)
后续一定更加精致 不喜勿喷
留下您最好的建议 给予我这个{ 新手 }最好的帮助
今日打卡 : 2020.05.24
