欢迎光临
我的个人博客网站

vue3.0 setup 中使用 globalProperties

// 2.0 Vue.prototype.$http = () => {}  // 3.0 const app = Vue.createApp({}) app.config.globalProperties.$http = () => {}

 

最常用的场景,在页面渲染前,通过http请求获取需要显示的数据。

在2.0,通过在vue原型上添加$http 属性,可以在组件实例中通过this.$http使用;

//2.0  created(){       this.$http.get('/getData').then().catch(err => {console.log(err)}) }

而在3.0的settup中是没有this的。

import { getCurrentInstance,onBeforeMount} from 'vue'; setup (props,context) {       const {ctx } = getCurrentInstance();       onBeforeMount(()=>{         ctx.$http.get('/getData').then().catch(err => {console.log(err)})       });       ....... }

 

赞(0) 打赏
未经允许不得转载:张拓的天空 » vue3.0 setup 中使用 globalProperties
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏