Vue.js拾遗

本次主要分享Vue3中依赖注入以及组件定义相关的几个API，以及在常用库ElementUI Plus和Vueuse中的使用情况，通过示例来理解使用场景。

本篇我们主要介绍Vue.js中的可组合函数（composables）的第二个模式。该模式使用`ref`和`unref`函数来更灵活地使用参数，使可组合函数能够适应不同的使用情况。

我正在参加「掘金·启航计划」 如果我们实现的组合式方法可以根据使用情况来返回不同的值，一个值或者是一个完整的对象，我们该如何来实现呢。本篇文章我们将讲述一种实现组合式方法动态返回的模式。

1、Vue.js的数据绑定形式是使用“Mustache”语法（双大括号）的形式，针对Html代码，需要使用v-html指令。 2、Mustache语法不能作用在HTML特性上面，此时需要使用v-bind指令。 1、一些指令能够接收一个“参数”，在指令名称之后以冒号表示，如v-b…

当使用 PascalCase (首字母大写命名) 定义一个组件时，你在引用这个自定义元素时两种命名法都可以使用。也就是说 和 都是可接受的。 注册之后可以用在任何新创建的Vue跟实例(new Vue)的模版中。 我们往往有很多功能单一的基础组件，而这些组件有经常会被各个功能组件…

定义一个名child子组件，为该子组件添加内容应该在子组件的template中定义，直接在父组件的<child>标签中定义的内容不会被渲染。 在子组件中通过加入<slot>元素占位，便能够渲染父组件中子组件标签中的内容了。 插槽可以有默认内容，当在父组件中没有提供内容的时候，来…

目前，组合式函数应该是在Vue3应用程序中组织业务逻辑最佳的方法。 它让我们可以把一些小块的通用逻辑进行抽离、复用，使我们的代码更易于编写、阅读和维护。

通过对Pinia基本功能的使用介绍，以及和Vuex进行对比，让我们能够清晰的认识Pinia，从而在后续的业务场景下帮助我们解决问题。这个🍍不酸，亲测保甜！