vue3怎么像vue2取全局
时间: 2023-11-09 19:03:42 浏览: 39
在Vue3中,可以使用`app.config.globalProperties`来获取全局属性。例如,如果要获取全局变量`$http`,可以使用以下代码:
```
const app = createApp({...})
app.config.globalProperties.$http = axios
```
然后在组件中就可以直接使用`this.$http`来访问全局变量了。
相关问题
vue3和vue2的创建全局方法
以下是Vue2和Vue3创建全局方法的两种方式:
Vue2创建全局方法:
1.在main.js中导入Vue和组件
```javascript
import Vue from 'vue'
import header from "@/components/header.vue"
```
2.使用Vue.component()方法注册组件
```javascript
Vue.component("header", header)
```
Vue3创建全局方法:
1.在main.js中导入createApp和组件
```javascript
import { createApp } from 'vue'
import header from "@/components/header.vue"
```
2.使用createApp().component()方法注册组件
```javascript
const app = createApp({})
app.component("header", header)
```
vue3 全局引入vue
在 Vue 3 中,你可以使用 `createApp` 方法全局引入 Vue。以下是一个示例:
```javascript
import { createApp } from 'vue';
import App from './App.vue';
const app = createApp(App);
app.mount('#app');
```
在这个例子中,我们使用 `createApp` 方法创建一个 Vue 应用实例,并将根组件 `App` 传递给它。然后使用 `mount` 方法将应用挂载到 `#app` 元素上。
这样就实现了全局引入 Vue,并将其用于创建 Vue 应用的功能。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)