rreennnn

在学习了vue3一些特性之后，我们可以在项目中简单的使用这些特性。不过，对于以前用vue2.x写的项目，我们可以通过引入composition-api，使用vue3中的新特性。 首先，我们先引入composition-api。 生命周期的钩子跟原先的差不多，理解起来很容易，属于…

symbol 是es6 中引入的一种基本数据类型。symbol类型的值是通过Symbol()函数来生成的，但是它不是构造函数，不能使用new。symbol类型的值是独一无二的。 可以像下面这样生成一个symbol类型的值。 可选，是一个字符串类型。如果传入的descriptio…

vue 中数据是普通的js对象，当数据变化时，视图会进行更新。数据之所以能驱动视图的更新，关键的部分就是它的响应式系统。 在new Vue()初始化阶段，this._init(options)方法执行的时候，会执行initState(vm)，它定义在src/core/insta…

前面的章节中，我们学习了一些常见的设计模式。可以说设计模式的出现，是为了帮助我们写出更好的代码。比如让代码更具扩展性、容易理解和维护。所以我们在码代码时候，也不用太在意使用什么模式，我们需要做的是，写出容易被理解和维护的代码。这个过程中，有些原则，还是要注意下的。 单一职责原则…

这个像我们使用的各种转接头。 百度地图的渲染接口是display ，而不是show。这个时候，我们就可以编写一个适配器来解决问题。 适配器模式主要是用来解决已有的对象接口之间的不匹配问题，它不需要改变现有的接口，就能使它们协同工作。

状态模式就是对象内部的状态改变了，它的行为也会跟着改变。感觉像我们的小台灯，通电状态下会发光，断电状态就熄灭了。 感觉上状态模式跟策略模式很像，区别是策略模式中，各个策略之间是平等的，没有关系的，客户需要事先知道每个策略的作用，才能选择对应的策略。而状态模式中，状态和其对应的行…

这个跟代理模式有点像，区别是两者的目的不同。 代理模式主要是直接访问对象本体时不方便，为本体对象提供一个替代者。 装饰者模式主要是给本体对象动态的增加职责。 装饰者模式可以给对象动态增加职责，方便我们对一些对象进行移植。

这个像我们平时租房子，我们去找中介就行，省去了跟房东交涉的麻烦。有点不太恰当，意思差不多吧。 中介者模式的优点是减少对象之间的耦合，相应的这样会增加中介者对象的复杂性。

跟策略模式有点像，感觉像if 跟 switch 的区别。 假如有这样一个场景：商场打折，支付过500元定金的用户，会有100元的优惠券。支付200元定金的用户可以收到50元优惠券。没有支付定金的用户，普通购买。 与策略模式有点相似，感觉两者的主要区别在于程序中有没有存在链的关系。