当前位置: 首页 > Web前端 > vue.js

Vue3全局挂载使用

时间:2023-04-01 12:14:22 vue.js

1.开发环境vue3.02。电脑系统windows10专业版3.在使用vue开发的过程中,我们会遇到一些常用的属性和方法,我们一般为了方便和方法来挂载到全局,这里分享一下4.vue2的挂载方法Vue.prototype。$http=http//在相应的组件中使用this.$http,那么在vue3中怎么写呢?4-1。Vue3挂载和使用//globalmountconstapp=createApp(App)app.config.globalProperties.$Methods=Methods;//在对应的组件中使用import{defineComponent,ref,getCurrentInstance,onMounted,reactive,}from"vue";//因为vue3是组合API,所以需要引入对应的(getCurrentInstance)//setup//Ajson数组去重const{proxy}:any=getCurrentInstance();//关键代码const$Methods=proxy.$Methods;//关键代码constjsonarrreduce=reactive([{id:"1",name:"李白"},{id:"2",name:"杜甫"},{id:"3",name:"白居易"},{id:"4",name:"项羽"},{id:"5",name:"小米"},{id:"1",name:"Redmi"},{id:"1",name:"诺基亚"},{id:"2",name:"真实的我"},]);onMounted(()=>{console.log($Methods.JsonArrReduce(jsonarrreduce,"id"));});5.本期的分享到此结束,希望对大家有所帮助,让我们一起努力,勇攀高峰。

最新推荐
猜你喜欢