摘要：
自定义指令：自己定义的指令，可以封装一些 dom 操作，扩展额外功能 语法： （无论是全局方式定义指令 还是 局部方式定义指令，最终 只要把指令定义完成，页面当中用起来 只需要 eg : <input v-指令名 type = "text" > 。只要一绑上，在当前输入框被插入到页面当中的时候，就会 阅读全文
摘要：
Vue 是异步更新 DOM 的，想要在 dom 更新完成之后做某件事，可以使用 $nextTick $nextTick：等 dom 更新后，才会触发执行此方法里的函数体 语法： this.$nextTick ( () => { // 业务逻辑 }) eg： this.$nextTick ( () = 阅读全文
摘要：
作用：利用 ref 和 $refs 可以用于 获取 dom 元素，或 组件实例 特点： 查找范围：当前组件内（更精确稳定） 语法： ① 获取 dom： 1. 给目标标签添加上 ref 属性 （<div ref = " chartRef "> 我是渲染图表的容器 </div>） 2. 在恰当时机，通过 阅读全文
摘要：
作用：可以实现 子组件 与 父组件数据 的 双向绑定，简化代码 特点：prop 属性名可以自定义，非固定为 value 本质：就是 :属性名 和 @update : 属性名 的合写 应用场景：封装弹窗类的基础组件，visible 属性 true 显示，false 隐藏 eg： 父组件： <BaseD 阅读全文
摘要：
原理：v-model 本质上是一个语法糖。例如应用在输入框上，就是 value 属性 和 input 事件 的合写（如果应用于复选框，就是 checked 属性和 change 事件的合写，下拉菜单是 value 属性和 change 事件的合写） 作用：提供数据的双向绑定 ①数据变，视图跟着变 : 阅读全文
摘要：
共同点：都可以给组件提供数据 不同点： data 的数据是自己的，随便改。 prop 的数据是外部的，不能直接改，要遵循 单向数据流。 单向数据流：父组件的 prop 更新，会单向地向下流动，影响到子组件 阅读全文
摘要：
prop：组件上注册的一些自定义属性 prop 作用：向子组件传递数据 prop 特点：可以传递任意数量、任意类型的 prop props 校验 作用：为组件的 prop 指定验证要求，不符合要求，控制台就会有错误提示 语法：1.类型校验 2.非空校验 3.默认值 4.自定义校验 1. 类型校验： 阅读全文
摘要：
组件通信是指 组件与组件 之间的数据传递。 组件的数据是独立的，无法直接访问其他组件的数据，想用其他组件的数据，需要通过组件通信方案。 组件关系分类：父子关系、非父子关系 组件通信方案： 父子关系：props（父传子） 和 $emit（子传父） 非父子关系：① provide & inject ② 阅读全文
摘要：
一个组件的 data 选项必须是一个函数，可以保证 每个组件实例 维护独立的一份数据对象。每次创建新的组件实例，都会新执行一次 data 函数，得到一个新对象 eg： <script> export default { data () { return { count : 999 } } } </s 阅读全文
摘要：
全局注册：所有组件内都能直接使用。在多个组件范围内使用的通用的组件 就可以定义成 全局组件 步骤：① 创建 .vue 文件（三个组成部分） ② main.js 中进行全局注册 //（import 组件对象 from ' .vue文件路径 '） import HmButton from ' ./com 阅读全文