vue import 引入方法详解

在 Vue.js 中，我们可以使用 import 语句来引入一个模块。在 Vue 项目中，通常会使用 import 语句来引入组件、插件、第三方库等等。下面是 import 引入方法的详解。

在 Vue.js 中，当我们使用 import 引入一个模块时，需要注意以下几点：

1. 引入模块的路径必须是相对路径，并且以 ./ 或 ../ 开头。例如，引入当前目录下的 foo.js 文件，需要写成 import Foo from './foo.js'。

2. 如果引入的模块是一个默认导出的模块，那么可以使用以下两种方式引入：

   import Foo from './foo.js'  // 使用默认名称
   import { default as Foo } from './foo.js'  // 使用别名

3. 如果引入的模块是命名导出的模块，那么需要使用以下方式引入：

   import { Foo, Bar } from './module.js'

4. 如果引入的模块是既有默认导出，又有命名导出的模块，那么可以使用以下方式引入：

   import Foo, { Bar, Baz } from './module.js'

5. 如果引入的模块是一个 CommonJS 模块，而不是 ES6 模块，则需要使用以下方式引入：

   const Foo = require('./foo.js')

总之，在 Vue.js 中使用 import 引入模块非常简单，只需要遵守以上几点注意事项即可。