Maison > interface Web > Voir.js > vue3 configure les paramètres globaux et comment utiliser les composants

vue3 configure les paramètres globaux et comment utiliser les composants

王林
Libérer: 2023-05-15 18:58:04
avant
3109 Les gens l'ont consulté

vue2 way

1. Montage global

Vue.property.xxx

import Vue from "vue";
import axios from "axios";
Vue.prototype.$http= axios;
new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount("#app");
Copier après la connexion

2. Utilisation des composants

this.$http.xxx();
Copier après la connexion

vue3 way

1. Utilisation des composants

import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus, { ElMessage, ElMessageBox } from 'element-plus'
import 'element-plus/dist/index.css'
const app = createApp(App);
app.config.globalProperties.$messageBox = ElMessageBox;
app.config.globalProperties.$message1 = ElMessage;
Copier après la connexion

Vous pouvez déjà voir les $messageBox et $message1 montés dans appContext.config.globalProperties Quant à savoir pourquoi il y a toujours un $message

vue3 configure les paramètres globaux et comment utiliser les composants, nous pouvons regarder une capture d'écran de l'élément ainsi que le site officiel

.

Vous pouvez voir que ceci est monté par défaut pour element plus, et nous pouvons l'utiliser directement. L'ajout de $message1 ici est juste à titre de démonstration. En fait, vous pouvez directement utiliser le montage par défaut.

vue3 configure les paramètres globaux et comment utiliser les composants

Exemple d'utilisation complet

// 引入vue的 getCurrentInstance 方法
import { defineComponent, getCurrentInstance } from "vue";
// 获取当前组件实例
const { appContext } = getCurrentInstance();
// 打印看一下结构
console.log(appContext)
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:yisu.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal