【vue之道】

1. 一生二，二生万物思想

1. 创建一个根（一）createApp()
2. 挂载 app.mount('#app') ，形成更加复杂的变换（此乃形之变），归根结底是一。

2. 变化之律

在无穷无尽的关联节点上，想要实现规律的变化（道），需要有法和术。
比如二十三中设计模式，应用于此，此乃生活之道而应于此。
枚举之，如下：
1. 因变而变，此乃观察模式
2. 自变而变，此乃条件变化，其二有状态模式
3. 祖先变化，一变二即变，二变四即变，此乃传世之变。

3. 变化之实在哪？

变幻之实在于后，亦可在于前，实实虚虚，动态变化，谓之阴阳平衡。
> 符合道之简：
1. 一管理
* 在vue中，管理应放在全局或根组件上
2. 二传递
* 管道可运息，即通道传递不同组件或者父子组件/祖孙组件之间的信息，可谓之通信也。
3. 三生者
* 产物，运息，需造物者，造者可谓是前与后。

4.而后学于形乃已！

于形，此乃万般变化也，于神，唯一也！
习形，要融汇贯通，不可搬运也；神驾于形之上，此可熟练之。

4.1 展示之形变

内容展示之形

• 模版粘贴 {{ msg }}
• span v-html=“rawHtml”> </span

属性展示之形
单值绑定

• v-bind:prop=“dynamicId” / :prop=“dynamicId” -> :prop <=> :prop=“prop”

对象/多值绑定

• v-bind=“对象”

4.2 动之气谓之指令

推动产生变化的物，于人谓气，于vue谓之指令
指令是命令模式，当用户行为触发指令下达，而后的数据或信息于管道中流通，到达该去的地方。
指令分判断、选择、绑定（上车）、传送（高级的传输）、遍历等，满足于数据流通的管道选择与变化时机。

1. v-if
2. v-on /@ 监听事件
3. v-bind /: 绑定数据(属性/对象)
4. v-slot

气乃推动万物之动力，而非唯一耳。
是故指令可载不定数据而多姿，然数据之复杂不能赋予此，而今有一计，用之计算也。

<a :[someAttr]="value"> ... </a>

心主血脉，肺主气机。指令动作需以意之约束，即修饰符耳。
@submit.prevent=“onSubmit”

4.3 血之养分的载体，于vue之绑定载具

• ref
• reactive

ref会使它的值具有深层响应式，使用时obj.value.nested.count ++
reactive本省对象具有响应式，是对ref进行了代理。

4.4 vue之道（万法规一篇）

vue中的dom排版、css样式、js行为均为形，
神乃驾驭这些的宗旨。

1. 一之物
全局组件的注册、
2. 一之控
组件的配置（拦截等）
3. 变之源
事件
监听
4. 传递之道【管道法、容器法】
属性、插槽、请求、计算、统一缓存