在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