импортировать xxx из и импортировать {xxx} из vue

1. Роль импорта:

Импортировать привязки, сделанные другим модулем.

 Импортированные модули работают в строгом режиме независимо от того, объявлен  ли строгий режим .

2. Форма:

import name from ''

nameАргумент — это имя «импортированного объекта модуля».

3. Четыре метода использования:

Тип 1

import x from 'abc.js'

Для этого вида импорта требуется   экспорт по умолчанию abc.js в модуле  ,  поскольку  имя экспорта по умолчанию для  модуля потребительского импорта,  вы можете изменить его на свое любимое имя по желанию.export defaultxabc.jsx

Тип 2

import { y } from 'abc.js'

Этот тип импорта требует, чтобы  в модуле abc.js был именованный экспорт, который является именованным элементом  , который потребители хотят   импортировать из модуля , и который нельзя заменить другими именами . Если вы действительно чувствуете, что x не радует глаз, вы можете использовать следующий метод для   переименования export y yabc.jsy y

Тип 3

import { y as xxx } from 'abc.js'

Вот  xxx новое название переименования

Тип 4

import x, { y } from 'abc.js'

Для этого типа импорта требуется  экспорт по умолчаниюabc.js  в модуле  и  некоторые именованные экспорты.export default export y

4. Разница между import xxx from и import {xxx} from in vue

1) import xxx from, который называется общим импортом в Element-UI, обычно импортирует общий объект, например:

    импортировать FunName из '../xxx'

2) импорт {xxx} из, называемый импортом по запросу в Element-UI, обычно деконструирует весь объект и импортирует один объект в пределах всего объекта, например:

импортировать {xxx} из '../xxx'

Разница между экспортом и экспортом по умолчанию:

        1. Для экспорта констант, функций, файлов, модулей и т. д. можно использовать как экспорт, так и экспорт по умолчанию.

        2. В файле или модуле может быть несколько экспортов и импортов и только один экспорт по умолчанию

        3. Для экспорта через экспорт добавьте { } при импорте, но экспорт по умолчанию не нужен

         4. Примечание. Экспорт может напрямую экспортировать переменные выражения, а экспорт по умолчанию — нет.

Ссылка на ссылку: Вы должны знать 4 варианта использования js import 丨Разница между import xxx from и import {xxx} from в записи о совместном использовании технологий Vue-Short Book