vue3中的import用法

hszchenxl2023-08-15 10:43

在Vue 3中，使用import语法可以导入其他模块、组件或库。Vue 3支持使用ES模块的标准导入语法。

以下是一些常见的import语法示例：

1. 1. 导入单个模块或组件：

import { 模块名 } from '模块路径';

示例：

import { ref, reactive } from 'vue';

在上述示例中，我们使用import语法从vue模块中导入了ref和reactive两个函数。

2. 导入整个模块或库：

import * as 模块名 from '模块路径';

示例：

import * as axios from 'axios';

在上述示例中，我们使用import语法将整个axios库导入为一个命名空间对象。

3. 导入默认导出：

import 默认导出名称 from '模块路径';

示例：

import Vue from 'vue';

在上述示例中，我们使用import语法将vue模块的默认导出（通常是Vue构造函数）导入为Vue变量。