API de opciones:
<script> import { defineComponent } from 'vue' export default defineComponent({ name: 'CustomName', // 👈 inheritAttrs: false, // 👈 setup() { return {} }, }) </script> ¿Cómo hacer eso en <script setup> , hay un equivalente para name y inheritAttrs como defineProps y defineEmits ?
<script setup> // 👉 how to define them here? </script>La sintaxis <script setup> brinda la capacidad de expresar una funcionalidad equivalente a la mayoría de las opciones de API de opciones existentes, excepto algunas:
nameinheritAttrs Si necesita declarar estas opciones, use un bloque <script> normal separado con export default :
<script> export default { name: 'CustomName', inheritAttrs: false, customOptions: {}, } </script> <script setup> // script setup logic </script>Salida compilada:
<script> export default { name: 'CustomName', inheritAttrs: false, customOptions: {}, setup() { // script setup logic }, } </script>