Vue初学注意事项

文章目录 exportimport

export

export default

一个文件只能有一个export defaultexport default时可以匿名对应的import不用加{}，import导出时的名字，默认是其匿名数据块的名字

export

export 可以有多个export 导出时必须指定名称，如export const store = 。。。对应的import要加{}

// 导出是export default
const router = createRouter({
  history: createWebHashHistory(),
  routes
})
export default router

// 导出是export
export const store = createStore({
  modules: {
    user,
    router,
    dictionary
  },
  plugins: [vuexLocal.plugin]
})
var a = 1
var year = 2021
var name = 'Hello'
export { a, year, name }

import

// 当导出是export default时：
import router from '@/router/index'
import router from './router/index'
// 当导出是export时：
import { a, store } from '@/store/index'

当导出时是export default，import不用加{}当导出时是export，import要加{}@表示/src