您的位置:首页 > Web前端 > Vue.js

在vue中绑定全局原型属性

2021-09-14 15:49 716 查看

在vue2中通过导入Vue构造函数再在上面绑定

// main.js
import Vue from "vue"
Vue.prototype.$test = "test"

// 组件中
mounted(){
console.log(this.$test)
}

Vue3中需要使用一些api

// main.js
const app = createApp(App)
app.config.globalProperties.$test = "test"

// 组件中
<script setup>
import { getCurrentInstance } from "vue"
const internalInstance = getCurrentInstance();
const $test = internalInstance.appContext.config.globalProperties.$test;
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: