摘要: 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。 我们在写组件的时候会遇到一些问题,比如我们想让页面加载好了 阅读全文
posted @ 2021-09-16 17:06 keyeking 阅读(90) 评论(0) 推荐(0) 编辑
摘要: 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。 我们先看混入的一个可复用的特点 mixins文件 1 export const MixIns={ 2 da 阅读全文
posted @ 2021-09-16 15:44 keyeking 阅读(102) 评论(0) 推荐(0) 编辑
摘要: 关于$refs的官方介绍 一个对象,持有注册过 ref attribute 的所有 DOM 元素和组件实例 关于$el的官方介绍 Vue 实例使用的根 DOM 元素 我们自己新建组件的时候,如何让父组件直接触发子组件的方法,比如父组件让子组件的数据加1 父组件 1 <template> 2 <div 阅读全文
posted @ 2021-09-16 14:58 keyeking 阅读(820) 评论(0) 推荐(0) 编辑
摘要: $attrs属性 $attrs包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时,这里会包含所有父作用域的绑定 (class 和 style 除外),并且可以通过 v-bind="$attrs 阅读全文
posted @ 2021-09-16 11:46 keyeking 阅读(611) 评论(0) 推荐(0) 编辑