Vue3使用全局变量

Vue2中使用如下注册
Vue.prototype.$sayhello = "Hello"
Vue3中
1、在main.js中mount之前添加以下sayhello函数 和 num

app.config.globalProperties.sayhello = (pa)=>{
  console.log("Hello:" + pa)
}

app.config.globalProperties.$num = 200

2、在JS中使用

import {ref,getCurrentInstance} from 'vue'
let {proxy} = getCurrentInstance()
proxy.sayhello("FJFFJLF")
console.log("num = " + proxy.$num)

3、在模板中使用
<label>{{ $num }}</label>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容