vue笔记

设计模式，是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计 模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性、程序的重用性。MVC 是后端编程语言中一个非常经典的设计模式。
我们平时开发的静态页面就是V层，视图(view);帮助视图改变，并且发送数据给后台的叫C层，控制器(controller);分类储存数据的是M层，模型(Model

设计模式，是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计 模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性、程序的重用性。MVC 是后端编程语言中一个非常经典的设计模式。
我们平时开发的静态页面就是V层，视图(view);帮助视图改变，并且发送数据给后台的叫C层，控制器(controller);分类储存数据的是M层，模型(Model

Vue中使用的MVVM开发模式 所以总结一下:MVVM比MVC的好处就再于实现了自动化更新视图，让数据去驱动视图。省掉了我们去document.getElementByxxx那一步!

工厂模式是创建对象的常用设计模式，为了不暴露创建对象的具体逻辑，将逻辑封装在一个函数
中，这个函数就称为一个工厂。本质上是一个负责生产对象实例的工厂。工厂模式根据抽象程度的不同
可以分为:简单工厂，工厂方法和抽象工厂。通常用于根据权限生成角色的场景

策略模式的本意将算法的使用与算法的实现分离开来，避免多重判断调用哪些算法。适用于有多个 判断分支的场景，如解决表单验证的问题。你可以创建一个validator对象，有一个validate()方法。这 个方法被调用时不用区分具体的表单类型，它总是会返回同样的结果——一个没有通过验证的列表和错误信息

代理模式是为其他对象提供一种代理，也就是当其他对象直接访问该对象时，如果开销较大，就可 以通过这个代理层控制对该对象的访问。常见的使用场景为懒加载，合并http请求和缓存

观察者模式 也叫发布订阅模式，在这种模式中，一个订阅者订阅发布者，当一个特定的事件发生的时候，发布
者会通知(调用)所有的订阅者。

模块模式可以指定类想暴露的属性和方法，并且不会污染全局。采用闭包的形式

构造函数和混合模式就是js中继承的两种实现方式，前者通过构造函数的形式定义类，通过new新
增实例。而后者是将构造函数的引用属性和方法放到其原型上，子类是父类原型的一个实例。

vue.js是目前最火的前端框架，React是最流行的一个前端框架(React除了开发网站，还可以开发手 机App),Vue语法也可以用于进行手机App的开发，需要借助于Weex)
vue是前端的主流框架之一,和angular、React一起，并称前端三大主流框架。
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。 与其它大型框 架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便 于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也 完全能够为复杂的单页应用提供驱动。
官网:https://cn.vuejs.org/index.html
手册:https://www.kancloud.cn/neoman/ui/556463
Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有 兼容 ECMAScript 5 的浏览器。

1. 体积小 vue.js文件压缩后33Kb左右
2. 更高的运行效率
基于虚拟dom,一种可以预先通过JavaScript进行各种计算，把最终的DOM操作计算出来并优化的 技术，由于这个DOM操作属于预处理操作，并没有真实的操作DOM，所以叫做虚拟DOM。
3. 双向数据绑定
让开发者不用再去操作dom对象，把更多的精力投入到业务逻辑上;
4. 生态丰富、学习成本低 市场上拥有大量成熟、稳定的基于vue.js的ui框架、常用组件!拿来即用实现快速开发! 对初学者友好、入门容易、学习资料多;
5. 使用场景广泛
被广泛应用于Web端、移动端、跨平台应用开发(小程序、APP)
6. 招聘市场需求大、前景较好
框架和库的区别 插件→库→框架
插件:完成了一个小的功能点,例如:validation(表单验证插件)、layPage.js(分页插件)、 dateTables.js(表格插件)等
库:封装了js的函数，例如:jQuery 框架:能够独立的完成一整个大型的应用 例如:vue、React、Angular

12.1 vue-cli
vue-cli也叫脚手架，官方定义为Vue.js 开发的标准工具!相比scirpt标签引入，脚手架具有如下特 点:
1) 功能丰富
对 Babel、TypeScript、ESLint、PostCSS、PWA、单元测试和 End-to-end 测试提供开箱即
用的支持。
2) 易于扩展 它的插件系统可以让社区根据常见需求构建和共享可复用的解决方案。
3) 无需 Eject
Vue-cli 完全是可配置的，无需 eject。这样你的项目就可以长期保持更新了。
4) Cli之上的图形化界面 通过配套的图形化界面创建、开发和管理你的项目。
5) 即刻创建原型
用单个 Vue 文件即刻实践新的灵感。
6) 面向未来
为现代浏览器轻松产出原生的 ES2015 代码，或将你的 Vue 组件构建为原生的 Web
Components 组件。 

12.4 vueX
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的 状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。
什么情况下我应该使用 Vuex?
Vuex 可以帮助我们管理共享状态，并附带了更多的概念和框架。这需要对短期和长期效益进行权衡。
如果您不打算开发大型单页应用，使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够 简单，您最好不要使用 Vuex。一个简单的 store 模式就足够您所需了。但是，如果您需要构建一个中 大型单页应用，您很可能会考虑如何更好地在组件外部管理状态，Vuex 将会成为自然而然的选择。
12.5 搭配UI框架
1. iview
一套基于 Vue的高质量UI 组件库(分为小程序和pc端等不同版本);
2. vant
轻量、可靠的移动端 Vue 组件库,是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库,旨在更快、
更简单地开发基于 Vue 的美观易用的移动站点。
3. Ant Design Vue
是 Ant Design 的 Vue 实现，开发和服务于企业级后台产品。
4. elementUI
是基于 Vue 2.0 桌面端中后台组件库