嘉里建设网站,免费推广产品的网站,网站移动端优化的重点有哪些,前端开发学哪些Vue3之通过Vue.config.globalProperties注册全局属性 文章目录 Vue3之通过Vue.config.globalProperties注册全局属性1. Vue.config.globalProperties2. 注册全局属性1. 注册方式12. 注册方式2 3. 在setup函数中获取 1. Vue.config.globalProperties Vue2中使用Vue.prototype.自…Vue3之通过Vue.config.globalProperties注册全局属性 文章目录 Vue3之通过Vue.config.globalProperties注册全局属性1. Vue.config.globalProperties2. 注册全局属性1. 注册方式12. 注册方式2 3. 在setup函数中获取 1. Vue.config.globalProperties Vue2中使用Vue.prototype.自定义属性名的方式注册全局组件 使用时this.$request.login(...) Vue3中使用Vue.config.globalProperties.自定义属性名注册全局属性,在setup中使用的时候通过getCurrentInstance()对象获取 2. 注册全局属性 main.ts(or main.js)中配置全局属性vite或vue/cli环境下均适用 1. 注册方式1 直接使用Vue.config.globalProperties.自定义属性名注册全局属性 import Vue from vue
import App from ./App
import request from /api/request.js
Vue.config.productionTip false
//直接使用Vue.config.globalProperties.自定义属性名
Vue.config.globalProperties.$request request
Vue.config.globalProperties.$mytest yuan2. 注册方式2 实例化Vue对象后使用对象名.config.globalProperties.自定义属性名注册全局属性 import Vue from vue
import App from ./App
import request from /api/request.js
Vue.config.productionTip falseconst app createApp(App)
//使用对名.config.globalProperties.自定义属性名
app.config.globalProperties.$request request
app.config.globalProperties.$mytest jinshengyuanapp.mount(#app)3. 在setup函数中获取
script
import { getCurrentInstance } from vue
export default {
components: {},
setup() {const instance getCurrentInstance()console.log(getCurrentInstance, instance.appContext.config.globalProperties)return {}
}
}
/script
