今天我们来看看在面试面试官会经常问道的一个重点(setup),通常面试官会问道你对vue3中setup函数的理解或者setup函数中形参props和context分别代表什么意思。
setup函数:
1、新的组件选项,作为组件中使用组合API的起点
2、它的执行在组件实例创建之前即vue2.x的beforeCreate执行
3、由第二点得知,setup函数中this还不是组件实例,即this就是undefined
4、在模板中使用的数据和函数,都需要setup将其return出来
5、setup只能是同步不能是异步
// HTML
<template>
<div class="home">
{
{state}}
</div>
</template>
// JavaScript
<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
name: "Home",
/**
* setup函数,
* 1、无this指向,如果在setup中打印this,this是undefined
* 2、在模板中使用的数据和函数,都需要setup将其return出来
* 如果不return,页面无法获取到数据和方法
* 3、从setup函数中,我们可以看出,代码属于同步执行
*/
setup() {
console.log(this) // undefined
const stat