vue3知识点：setup@[toc] 二、常用 Composition API 答案：请看官方文档: https://

在这里插入图片描述 @[toc]

二、常用 Composition API

问题：啥叫“组合式API”？

在这里插入图片描述注意点1：

问题：setup函数返回值中若返回一个渲染函数，如何理解？

答案：举例说明，比如App.vue中定义h1标签，通过渲染函数就能直接把<h1>标签体的值修改为渲染函数设置的值。其中h函数就是渲染函数，这个在vue2中创建vue实例也有用到h渲染函数。

<h1>一个人的信息</h1>

setup(){
  //返回一个函数（渲染函数）
   return ()=> h('h1','尚硅谷')
}

注意点2：光写setup是无法实现数据响应式更新的，需要和ref函数一起使用才生效，后面会讲解到。

注意点1： Vue2中使用自定义事件直接用就行，而在vue3中使用自定义事件，必须写emits配置项用于声明，否则会报错如图1，吐槽一下修改方式是添加emits配置项用于声明，当然不写也不会报错，估计后续vue3版本迭代会移除吧。在这里插入图片描述如图1

在这里插入图片描述如图2

注意点2：推荐使用插槽的时候最好使用关键字<template v-slot:qwe>，而不是使用原先的<template slot=’qwe’>

注意点3： setup中this是underfine，所以使用普通函数和箭头函数都可以，因为不会用到this关键字，vue2中才会一直用到this关键字。