vue挂载过程,vue手动挂载组件

　　本文主要介绍vue3.0如何全局挂载对象和方法，有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

如何在全局挂载对象和方法

1.官方的说明

　　Vue3.x不再支持直接Vue.prototype.$http=()={}挂载全局对象。这是因为globalVue不再是构造函数，所以不再支持这个构造函数。

2.更新后的挂载方法

　　这是官网的解释。

　　所以现在这是我们的方式。

　　从“vue”导入{ createApp }

　　从导入应用程序。/App.vue

　　从导入路由器。/路由器

　　从导入存储。/商店

　　const vm=createApp()

　　设c=()={

　　console.log(1)

　　};

　　VM . config . global properties . $ http=c；

　　vm.use(store)。使用(路由器)。使用(c)。挂载( # app )；

3.在全局使用

　　这个。$http

4.但是应用中的this对象已经不再是一个Vue对象了

　　不能使用Vue.use()或Vue.extend()的方法。像一些插件，比如vue-layer，在vue3.x中是不能用的

vue3全局挂载和使用

　　1.开发环境vue3.0

　　2.计算机系统windows10专业版

　　3.在用vue开发的过程中，我们会有一些共同的属性和方法，为了方便，我们通常会全局挂载。下面我来分享一下。

　　4.4.vue2的安装方法

　　Vue.prototype.$http=http

　　//在相应的组件中使用

　　这个。$http

　　//这种写法相信小火也很熟悉，那么vue3怎么写呢？

　　4-1 .安装并使用vue3

　　//全局挂载

　　const app=createApp(App)

　　app . config . global properties . $ Methods=Methods；

　　//在相应的组件中使用

　　导入{

　　定义一个组件，

　　裁判，

　　getCurrentInstance，

　　在安装时，

　　反应性，

　　}来自‘vue’；

　　//因为vue3是复合API，所以要引入对应的(getCurrentInstance)。

　　//设置

　　//JSON数组已经过重复数据删除

　　const { proxy }:any=getCurrentInstance()；//键码

　　const $Methods=proxy。$ Methods//键码

　　const jsonarrreduce=reactive([

　　{id: 1 ，姓名：李白 }，

　　{id: 2 ，姓名：杜甫 }，

　　{id: 3 ，姓名：白居易 }，

　　{id: 4 ，姓名：项羽 }，

　　{id: 5 ，名称：小米 }，

　　{id: 1 ，名称： Redmi}，

　　{id: 1 ，姓名：诺基亚 }，

　　{id: 2 ，名称：真实的自己 }，

　　]);

　　onMounted(()={

　　console.log($Methods。JsonArrReduce(jsonarrreduce， id )；

　　});

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。