vue3:setup

1.简介

直接在script标签中添加setup属性就可以直接使用setup语法糖了。

使用setup语法糖后，不用写setup函数；组件只需要引入不需要注册；属性和方法也不需要再返回，可以直接在template模板中使用。

2.新增的api

defineProps：子组件接收父组件中传来的props

defineEmits：子组件调用父组件中的方法

defineExpose：子组件暴露属性或方法，可以在父组件中拿到

子组件：

<script setup>

import {defineProps, defineEmits} from 'vue';

defineProps({

num:{

type: Number,

default:NaN

}

})

const emit = defineEmits(["alertSome"]);

// 方法中

emit('alertSome', 668);

</script>