Как работает этот оператор импорта?

Question

Как работает этот оператор импорта?

1

Я просто загрузил шаблон из vue cli как
vue init webpack my-project.
и внутри Hello.vue Я видел инструкцию import вроде этого.
import Hello from '@/components/Hello';

и мне любопытно, что делает это @. Он использовался во многих местах, но не там, где он писал, что именно он делает. Было бы здорово, если кто-нибудь сможет объяснить, что он делает? и как он отличается от обычного импорта?

Saras Arya 08 сен. 2017, в 07:53

Источник

Теги:

javascript

vue.js

import

2 ответа

0

Если вы напишете следующее выражение:

import Hello из '@/components/Hello';

В этом утверждении @означает, что он загрузит соответствующий пакет и импортирует класс, переменную и методы в ваш компонент.

Kunvar Singh 08 сен. 2017, в 03:36

0

Чем он отличается от обычного импорта?
Saras Arya 08 сен. 2017, в 05:37

Ещё вопросы

Чем он отличается от обычного импорта?

xenetics · Accepted Answer · 2017-09-08T05-36-00.000Z

Если вы посмотрите в проекте на webpack.base.config.js для шаблона webpack vue-cli, вы увидите, что существует набор псевдонимов:

'@': resolve('src')

См. Https://github.com/vuejs-templates/webpack/blob/develop/template/build/webpack.base.conf.js.

Строка 27.

Поэтому просто упростить загрузку модулей. Поэтому вам не нужно вводить такие import 'component from '../../../src/components' как " import 'component from '../../../src/components' вы можете просто набрать " @/components ".

Так что это просто для удобства. Нет никакой разницы в функциональности для регулярного импорта.