首页 > TAG信息列表 > getCurrentInstance
Vue3中如何使用this
vue3提供了getCurrentInstance ,通过这个属性,直接使用ctx是错误的,需要找到全局属性globalProperties import { getCurrentInstance } from 'vue' const instance = getCurrentInstance() const _this= instance.appContext.config.globalProperties 这里的_this就相当于vue2里的thvue3使用mitt实现组件通信
创建vue3项目 npm install -g @vue/cli vue create myproject(项目名) 安装mitt npm install --save mitt全局绑定 在 main.js引入 import mitt from 'mitt';app.config.globalProperties.mittBus = mitt() <template> <button @click="submit">mittvue3 之app.config.globalProperties的简单使用
vue3 之app.config.globalProperties的简单使用 main.js中 //一个简单对图片的处理 app.config.globalProperties.$filters = { preImg(url) { if (url && url.startsWith('http')) { return url } else { url = `http://www.baidu.com${url}` rvue3中的getCurrentInstance
setup的执行时组件对象还没有创建,此时不能使用this来访问data/computed/methods/props我们可以通过 getCurrentInstance这个函数来返回当前组件的实例对象,也就是当前vue这个实例对象 <template> <div> </div> </template> <script lang="ts"> import {defineComponent, getCuvue3兄弟组件传值
import {getCurrentInstance} from 'vue' const vueEvent = getCurrentInstance()?.appContext.config.globalProperties.vueEvent //发送 vueEvent.emit('handleCurrentNo', 1) //接收 onMounted(() => { vueEvent.on('handleCurrentNovue3中如何像vue2中注册全局插件
转自https://blog.csdn.net/qq_39115469/article/details/113795097 const app = createApp(App); app.config.globalProperties.$axios = axios; 之后在引入的地方 import { getCurrentInstance } from 'vue'; const { proxy } = getCurrentInstance(); onMounted(()用Taro写一个微信小程序——Taro3路由传参