Mottle

精读 Vue 官方文档系列 🎉 访问元素 & 组件 $root 访问根组件实例 $parent 获取父组件实例，支持多次调用，获取连续多层父级的实例。 ref & $refs 获取子组件的实例 获取

精读 Vue 官方文档系列 🎉 keep-alive <keep-alive> 元素可以缓存组件的状态，避免组件重新渲染。使用时可以与普通组件或 <component> 动态组件一同使用。 <keep

精读 Vue 官方文档系列 🎉 插槽 Slot 其设计灵感源自 Web Components 规范草案，将 <slot> 元素作为承载分发内容的出口。 关于内容分发，我们可以类比于 $attrs 实例

精读 Vue 官方文档系列 🎉 事件名 ”事件“与”组件“或”Prop“不同，它不存在大小写转换的问题，事件的监听与触发都是基于事件名的全匹配。但我们仍然推荐使用 kebab-case 风格为事件命名

精读 Vue 官方文档系列 🎉 Prop 的大小写 Prop 的命名支持以下两种方式： camelCase : 驼峰命名法中的小驼峰。 kebab-case : 分隔符命名法 虽然 Vue 模板的编译

精读 Vue 官方文档系列 🎉 组件命名 组件命名方式有两种： kebab-case : 短横线分隔命名(烤肉串式)，字母全小写，单词与单词之间用“连字符”链接。 PascalCase : 驼峰命名法

精读 Vue 官方文档系列 🎉 组件的本质与作用 组件实际上就是一个独立的 Vue 实例。 组件的作用就是为了功能与 UI 的复用。 data 必须是一个函数 为了避免多个组件共享同一份响应式数据，V

精读 Vue 官方文档系列 🎉 双向数据绑定 Vue 通过 v-model 指令实现数据双向绑定。 双向数据绑定本质是一个 “语法糖”(Syntactic sugar)，它分别封装了“数据更新”与“事

精读 Vue 官方文档系列 🎉 监听事件 事件绑定 Vue 的事件是通过内联的方式在模板中进行绑定。 Vue 为绑定事件提供了专门的 v-on 指令，简写形式为 @ 指令的参数便是事件的名称。 表达式