项目全局
# 全局注册
# 注册全局组件
- vue2写法
import Vue from 'vue'
import TkBadge from './components/TkBadge'
import App from './App.vue'
Vue.component('TkBadge', TkBadge) // 全局注册 - 我们可以在任何地方使用
new Vue({
render: h => h(App)
}).$mount('#app')
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
- vue3写法
import { createApp } from 'vue'
import App from './App.vue'
// 定义全局组件 1.main.js中导入该组件
import greeting from "@/components/greeting";
// 定义全局组件 2.创建app
const app = createApp(App)
// 定义全局组件 3.创建全局组件
app.component("greeting",greeting)
app.mount('#app')
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
# 注册全局方法
- vu2中可以通过
Vue.prototype注册全局方法
Vue.prototype.$eventBus = EventBus;
1
- vue3中可以通过
app.config.globalProperties注册全局方法
app.config.globalProperties.$eventBus = EventBus;
1
# 获取vue实例
- vue2中可以通过
this获取vue实例 - vue3中可以通过
getCurrentInstance()获取vue实例
const { proxy } = getCurrentInstance()
1
编辑 (opens new window)
上次更新: 2023/07/09