使不使用export default useLayOutSettingStore有什么区别
时间: 2024-01-02 20:02:33 浏览: 15
在 Vue 3 中,使用 `export default` 与使用命名导出有一些区别。
如果使用 `export default`,则在导入该模块时,可以自定义该模块的名称。例如:
```js
// layoutSettingStore.js
import { createStore } from 'vuex'
const useLayOutSettingStore = createStore({
// ...
})
export default useLayOutSettingStore
```
```js
// other.js
import myStore from './layoutSettingStore'
console.log(myStore) // useLayOutSettingStore 中的内容
```
而如果使用命名导出,则必须使用相同的名称进行导入。例如:
```js
// layoutSettingStore.js
import { createStore } from 'vuex'
export const useLayOutSettingStore = createStore({
// ...
})
```
```js
// other.js
import { useLayOutSettingStore } from './layoutSettingStore'
console.log(useLayOutSettingStore) // useLayOutSettingStore 中的内容
```
在使用 `export default` 时,导入模块时可以自定义名称,这在代码阅读时可能会更加方便,但是也会增加代码的复杂度。而使用命名导出则可以明确每个导出的名称,更加清晰,但是在导入时需要使用相同的名称,不能自定义。