我这里计划做一个即时聊天的小功能，计划是在一个抽屉组件中实现这个功能。 但是最后能不能成功我也不知道，毕竟我没做过，但是抽屉组件可以提前做一个嘛，这个不是很难。 代码： Drawer.vue： Drawer.ts： Drawer.scss： 组件调用： 最终效果如下图 ...

1、为什么要使用自定义组件？ 自定义组件是用来封装复杂的内容，提高可重用性，比如封装复杂的表格组件、日历组件、图片轮播组件等。 2、自定义组件 2.1. 全局组件 全局组件是每个Vue对象都能使用的组件。 通过Vue.component()函数 ...

理解 组件：简言之就是将一些共性的内容做一个封装，方便以后重复使用。 在vue中组件包括：全局组件和局部组件。组件都具有复用性，自定义的组件拥有vue的全部特性，包括生命周期、template、data、methods、script、style等。 组件的命名： （1）组件名称官方规定 ...

除了核心功能默认内置的指令外，vue也允许用户注册自定义指令。虽然在vue2.0中，代码复用和抽象的主要形式是组件，但是有些情况下，我们仍需要对普通DOM元素进行底层操作，这个时候就需要用到自定义指令，例如，我们希望将元素的背景色变为红色，就可以通过指令实现。 上面简单的实例中 ...

props的使用。props可以是一个数组，也可以是一个对象。 ...

1. 自定义组件（ 插件 ） 案例： 封装一个 Loading 组件Loading是用来做什么的？基于用户体验loading使用方式很多 第三方的ui库/组件库 自定义封装 过程： 创建一个目录文件夹，称之为Loading ...

1、使用 Vue.component() 方法注册组件 2、使用 props 属性传递参数 v-for="item in items"： 　　遍历 Vue 实例中定义的名为 items 的数组，并创建同等数量的组件 :user="item"： 　　将遍历 ...

介绍 1：当图片加载失败时，给出错误提示。 2：当图片加载中时，给出加载提示。 3：图片处理模式：等比缩放/裁剪/填充/... 1、图片加载状态处理 通过给图片绑 ...