解决痛点 为了代码的复用性，公用代码可以抽出来形成类似于react hooks的useXXX用法。 示例 需要注意地方 组合式函数约定用驼峰命名法命名，并以“use”作为开头。 支持参数的传入 只有用

痛点需求 父子组件，如果父子之间一级之间传参容易一些，但当父组件给孙子，曾孙组件传参时，vue3.0提供了注入的方法，即在父组件中定义provide，即供给方，后代组件中用inject，即注入方法完成

解决什么痛点 父子组件传参可以用用Props来完成，但父组件如何给子组件传一个template，即模块片段呢？这时候就要用到slot，即需要给子组件的内容，在父组件中定义好，即叫插槽的出口，然后在子组

概述 子组件回调父组件中定义的函数事件。 模块文件即templage中如何调用回调函数 子组件： <button @click="$emit('increaseBy', 1)"> Increase b

组件的注册 全局注册 局部注册 组件的命名法 使用 PascalCase（即大驼峰命名法） 作为组件名的注册格式，虽然也支持kebab-case（即单词之间破折号），建议还是统一用大驼峰命名法。 Pr

![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/afa61d5cc47746298899995fb35d79d3~tplv

ref和reactive有什么用？ 在vue3.0中为了象vue2.0一样实现data区域块中定义响应状态的变量，在vue3.0中script setup中进行定义这些带响应状态的变量。 记下以下几句