Vue挂载变量

Vue挂载变量或者函数

Vue2挂载变量

//main.js
//挂载变量
Vue.prototype.$variant="变量";
//挂载函数
Vue.prototype.$fun=function(){
	return "function"
}
//在页面中通过this即可获取挂载的变量
//index.vue
mounted(){
	//使用挂载的变量
	console.log(this.$variant);
	//使用挂载的函数
	this.$fun();
}

Vue3挂载变量

Vue3相比Vue2复杂了些，还有要注意的点

//main.js
//引入文件
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
//注意，一定要通过createApp(App)创建app对象，后续的操作都在app这个对象中进行
let app=createApp(App);
//定义函数
function test(){
    console.log("tessstt");
}
//定义变量
let variant="变量";
//挂载函数
app.config.globalProperties.$Test = test;
//挂载变量
app.config.globalProperties.$variant = variant;


app.use(store).use(router).mount('#app')

//index.vue
import {getCurrentInstance} from 'vue';
export default{
	setup(){
		//使用变量
		console.log(getCurrentInstance().proxy.$variant);
		//使用函数
		getCurrentInstance().proxy.$Test();
	}
}