vue-composition-api

问题 I'm trying to type hint my props in a Vue 3 component, with composition API. So, I'm doing this: <script lang="ts"> import FlashInterface from '@/interfaces/FlashInterface'; import { ref } from 'vue'; import { useStore } from 'vuex'; export default { props: { message: { type: FlashInterface, required: true } }, setup(props): Record<string, unknown> { // Stuff } }; My FlashInterface looks like this: export default interface FlashInterface { level: string, message: string, id?: string } This

问题 I am using vue composition api with typescript. How can I strongly type the component props using typescript typing system? 回答1: As explained in the official docs you can type props in two ways: Define arops via argument annotation import { defineComponent } from 'vue' export default defineComponent((props: { foo: string }) => { props.foo }) Or like this import { defineComponent } from 'vue' export default defineComponent({ props: { foo: String }, setup(props) { props.foo // <- type: string }

问题 I am using vue composition api with typescript. How can I strongly type the component props using typescript typing system? 回答1: As explained in the official docs you can type props in two ways: Define arops via argument annotation import { defineComponent } from 'vue' export default defineComponent((props: { foo: string }) => { props.foo }) Or like this import { defineComponent } from 'vue' export default defineComponent({ props: { foo: String }, setup(props) { props.foo // <- type: string }

问题 I am using vue composition api with typescript. How can I strongly type the component props using typescript typing system? 回答1: As explained in the official docs you can type props in two ways: Define arops via argument annotation import { defineComponent } from 'vue' export default defineComponent((props: { foo: string }) => { props.foo }) Or like this import { defineComponent } from 'vue' export default defineComponent({ props: { foo: String }, setup(props) { props.foo // <- type: string }

问题 I am using vue composition api with typescript. How can I strongly type the component props using typescript typing system? 回答1: As explained in the official docs you can type props in two ways: Define arops via argument annotation import { defineComponent } from 'vue' export default defineComponent((props: { foo: string }) => { props.foo }) Or like this import { defineComponent } from 'vue' export default defineComponent({ props: { foo: String }, setup(props) { props.foo // <- type: string }

来源： https://stackoverflow.com/questions/57372842/vuejs-3-api-documentation

来源： https://stackoverflow.com/questions/57372842/vuejs-3-api-documentation

来源： https://stackoverflow.com/questions/57372842/vuejs-3-api-documentation

来源： https://stackoverflow.com/questions/60230249/vue-composition-how-can-i-use-asynchronous-methods-in-setup

来源： https://stackoverflow.com/questions/60230249/vue-composition-how-can-i-use-asynchronous-methods-in-setup