在Vue3中使用Vue.prototype

您所在的位置：网站首页 › vue项目模板下载 › 在Vue3中使用Vue.prototype

在Vue3中使用Vue.prototype

2023-03-26 03:01| 来源: 网络整理| 查看: 265

我爱模板网最近在使用Vue3开发项目时，遇到了一些问题

在2.X版本中创建一个vue 实例是通过 new Vue()来实现的，到了3.X中则是通过使用createApp这个 API返回一个应用实例，并且可以通过链条的方式继续调用其他的方法：

import { createApp } from "vue"; import App from "./App.vue"; import router from "./router"; import store from "./store"; import qs from "qs"; const app = createApp(App); app.use(store); app.use(router); app.config.globalProperties.$qs = qs; app.mount("#app");

在vue2的语法中使用还是和Vue2一样，直接this.$xx

this.$qs.stringify()

但在composition api和setup语法糖中，由于没有了this，使用起来反而更加麻烦：

// 引入getCurrentInstance import {getCurrentInstance} from 'vue' const { proxy } = getCurrentInstance(); // 取出定义的qs const {$qs}=proxy // 调用 console.log($qs.state.token)

【本文地址】

在Vue3中使用Vue.prototype

在Vue3中使用Vue.prototype

今日新闻

推荐新闻