vue3和vue2定义全局变量

文章详细对比了Vue2和Vue3中创建应用的差异,Vue2中通过Vue.prototype来定义全局属性,如$openid,而Vue3则使用createApp并借助config.globalProperties来设置全局变量,如$mark_data。在使用时,均可以通过this.$访问这些变量。
摘要由CSDN通过智能技术生成

vue2 定义

import App from './App.vue'

import Vue from 'vue'
Vue.prototype.$openid = "openid";
App.mpType = 'app'
const app = new Vue({
  ...App
})
app.$mount()
// #endif

vue3 定义

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import webdata from "./assets/data.json" // 需要定义的变量,你可以用其他的,字符串啊,导入的函数等等的

const app = createApp(App)

// console.log(app)
// 定义变量 
app.config.globalProperties.$mark_data = webdata

// 需要最后才做渲染
app.mount('#app')

使用

因为我用的都是选项式api,所以都是使用this.$[你的变量命]使用。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

圈点Studio

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值