在Vue.js中,import
语句用于导入模块、组件或变量等。使用带花括号{}
和不带花括号的区别主要在于导入的内容是具名导出(named exports)还是默认导出(default export)。
默认导入 (Default Import) - 不带花括号
import Vue from 'vue';
import MyComponent from './MyComponent.vue';
特点:
-
导入模块的默认导出
-
仅适用于导出了
default
的模块 -
可自由命名导入的变量(自定义命名)
-
语法:
import 自定义名称 from '模块路径'
默认导出示例(导出端)
// myModule.js
export default {version: '1.0',init() {console.log('Initialized');}
};// 或 ES6 类
export default c