最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Vue3全局屬性app.config.globalProperties的實(shí)現(xiàn)

 更新時(shí)間:2024年01月15日 10:24:08   作者:小馬甲丫  
Vue3中的app.config.globalProperties是一個(gè)強(qiáng)大的全局配置功能,允許我們?cè)趹?yīng)用級(jí)別設(shè)置和訪問屬性,本文主要介紹了Vue3全局屬性app.config.globalProperties的實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的可以了解一下

一、概念

一個(gè)用于注冊(cè)能夠被應(yīng)用內(nèi)所有組件實(shí)例訪問到的全局屬性的對(duì)象。點(diǎn)擊【前往】訪問官網(wǎng)

二、實(shí)踐

2.1、定義

main.ts文件中設(shè)置app.config.globalPropertie

import {createApp} from 'vue'
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css'
import App from './App.vue'
import router from './router'
import Pagination from '@/components/Pagination/index.vue';

const app = createApp(App);

//全局方法
app.config.globalProperties.$type = '類型';

app.component('Pagination', Pagination)
app.use(router);
app.use(ElementPlus);
app.mount('#app');

2.2、使用

Vue文件中使用getCurrentInstance(),通過proxy.$type就可以調(diào)用上面定義的方法

<template>
    <el-input v-model="proxy.$type" />
<template>

<script setup>
import { getCurrentInstance } from "vue";
const { proxy } = getCurrentInstance();
console.log(proxy.$type)
</script>

三、最后

到此這篇關(guān)于Vue3全局屬性app.config.globalProperties的實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)Vue3 app.config.globalProperties內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評(píng)論

额济纳旗| 惠水县| 大邑县| 库尔勒市| 蓬溪县| 漠河县| 邹城市| 武夷山市| 万载县| 丹巴县| 定南县| 富平县| 全南县| 邵武市| 神池县| 申扎县| 长春市| 大城县| 织金县| 洞口县| 华亭县| 威信县| 沂源县| 黔西县| 九台市| 巴塘县| 新乐市| 龙游县| 桐梓县| 南靖县| 舞阳县| 大关县| 增城市| 永平县| 普定县| 介休市| 武安市| 双辽市| 柳河县| 根河市| 外汇|