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>