Vue

当我们想要给某些节点制作过度动画时，除了通过CSS class或行内样式以外，vue还给我们提供另外两种内置组件，帮助我们制作相应的动画。

当我们的项目业务一但复杂起来，相应的全局组件或者是全局自定义指令等等就会变得多了起来，而为了让我们更好了进行管理，vue给我们提供插件的功能，让我们更好的添加全局功能。下面就让我们来看一看他是如何实现

上一章我们简易声明了一个自定义指令，并用到了指令对象中的mounted钩子函数，并通过他钩子函数的入参，实现了input自动聚焦的功能。不过你以为的钩子函数以及入参就这么简单吗？那就大错特错了，下面我

我们知道代码的复用代码方式有组件和组合式函数两种形式，前者主要负责模板和逻辑代码的复用，而后者主要负责有状态的逻辑代码。但是我们今天要说的就是另外一种代码复用的方式，那就是自定义指令，他呢主要负责与D

上一章我们封装了一个useMouse的组合式函数，他没有接收任何的参数。今天我们就来封装一个可以接受参数的组合式函数。就拿我们平常开发中与后端请求数据的接口调用为例，当我们需要请求一个列表的数据的时候

当我们开发大型项目的时候，为了更好的复用代码，往往会声明很多的组件，以此来解决模板及逻辑代码的冗余。但有些时候，我们只想进行逻辑代码的复用。比如说我们会把时间格式化的代码抽离成一个函数，传入时间，就会

在我们开发大型项目的时候，为了更好的模块化，我们势必会项目拆分成很多块，也就是组件。而在我们加载某些页面的时候，为了提高加载速度，我们往往并不需要当前页面的所有组件加载出来，而是到使用到它的时候再进行

之前我们说过，通过props可以在父组件中向子组件传递数据。但是有些时候，子组件的下面还有子组件，组件会出现多层嵌套的情况，当最深层组件需要父组件的数据的时候，就会出现一个props逐级透传的情况，而

之前我们说过，当在父组件中，向子组件中传入模板片段的时候，也就是在插槽编写代码时。我们在插槽内是只能访问父组件作用域内的数据，而无法访问子组件内部的数据。 而在某些特殊的业务场景下，我们想同时可以访问

之前的章节我们介绍过，如果想给子组件传递模板片段，并让其在子组件中进行渲染，可以通过插槽来实现。也就是在子组件中想插入父组件模板代码的位置上添加 slot 标签即可。

上一章我们说到，对于单个根元素的子组件来说，使用时在其上面声明的class、style以及事件等，会发生一个透传的行为。但有些时候，我想对透传的属性进行一个自定义继承。这个时候要怎么做呢？这就引出了我

在我们使用一个组件的时候，并在上面添加相应的class样式的时候，你会发现，他会进行一个透传，作用于子组件的内容元素，当然，也包括一些点击事件等等，而这就是Attributes 继承。而他会怎么继承呢

我们在自定义组件上使用v-model的时候，考虑到有时候想对输入的东西进行格式化处理，为此vue官方也为我们提供了一些，比较常用的修饰符，例如 `.trim`，`.number` 和 `.lazy`。

在vue2中，一个组件上只能使用一个使用一个v-model，但是在vue3中，做了很大的改动，它允许你给v-mode 绑定参数，使用的传递的prop可以自定义。而这一绑定参数的改动，带给我一个好处，就

相信在我们日常的开发过程中，`v-model`这个指令的使用次数是很频繁的。他很方便的帮助我们省略了在input标签上书写的数据同步相关的代码，让我们更加关注于业务的实现。那你知道他这个指令帮助我们做

在我们在子组件中进行事件派发的时候，除了可以自定义事件以外，还可以进行数据传递，这在实际开发中将会非常有用。并且今天也会告诉大家一个之前章节中，没有提到的事件派发形式，用于在`<script setu

前面的章节中我们大概讲了下props的用处以及其的使用方法，但是如果想进一步了解的话，肯定是不够的。所以今天呢，我们就带大家来具体聊一聊props的声明方式以及一些细节，并聊一聊她的特性--单向数据流

对于组件的使用场景以及频率来说，有些组件使用的比较频繁，很多模块都可以使用这个组件，而有些组件，仅限于当前业务模块使用，我们就可以根据情况来进行相应的全局注册或者局部注册。而如何注册以及相较于局部注册

在组件的运用中，在父组件有些时候我们可能需要传递一些html片段在子组件中显示，当然通过`props`也可以实现。但是vue给我们提供了一个更加便捷的方法，那就是插槽。它可以使我们使用组件就像是使用普

有些情况下，我们可能对组件内部内容的需求不是固定的，这个时候我们就需要通过向组件传递内容数据来解决这个问题。而要实现这样的效果，就可以通过`props`属性来实现。