vuejs3

问题 Consider the following composition function: import { computed, ref } from '@vue/composition-api' import { isInternetExplorer } from 'src/services/utils/utilsService' import { Screen } from 'quasar' import { auth, getAllScopes } from 'src/services/auth/authService' const isLoginPopup = Screen.lt.sm || isInternetExplorer ? false : true const accountID = ref('') export const setAccountID = () => { const account = auth.getAccount() if (account) { accountID.value = account.idTokenClaims.oid }

问题 In main.js I have something like this: import { myUtilFunc} from './helpers'; Object.defineProperty(Vue.prototype, '$myUtilFunc', { value: myUtilFunc }); In this way I have acess to myUtilFunc across whole application with this.$myUtilFunc But how can I achieve the same in setup() method in Vue 3 if I don't have access to this ? 回答1: In Vue 3, setup has an optional second argument for context . You can access the Vue instance through context.root instead of this : setup(props, context) {

问题 I want to create a reusable wrapper function written in TypeScript for triggering a toast notification by using a composition function , as defined in the current specification for Vue 3.0: Composition API RFC. This example is using BootstrapVue v2.0 toast component. With Vue 2, it would be invoked via the this.$bvToast Vue component instance injection in the root context : this.$bvToast.toast('Error happened', { title: 'Oh no', variant: 'danger' }); This service-like composition function

问题 How do I configure vue-apollo ,combined with @vue/apollo-composable for consummation with @vue/composition-api or Vue3.0 ? Because although I get an default apolloClient via using @nuxtjs/apollo : import { DefaultApolloClient } from "@vue/apollo-composable"; const myPlugin: Plugin = (context, inject) => { const defaultClient = ctx.app.apolloProvider.defaultClient; // do stuff with defaultClient, e.g. provide() } export default myPlugin it's still empty instead of populated with my settings