импорт { компонент, вю } из "вью-собственность-декоратор" и импорт Vue с "вю"


импорт { компонент, вю } из "вью-собственность-декоратор" и импорт Vue с "вю"

14.11.2019 05:35:34 Просмотров 57 Источник

В чем разница и варианты использования между импортом Vueиз vue-property-decoratorи vue? То, что я понял, мне нужно импортировать Vueиз vue-property-decoratorвсегда при определении пользовательского компонента с помощью @Componentdecorator, но есть ли какие-либо неожиданные / разные вещи / сценарии, связанные с Vue, о которых я должен знать при этом?

У вопроса есть решение - Посмотреть?

Ответы - импорт { компонент, вю } из "вью-собственность-декоратор" и импорт Vue с "вю" / import { Component, Vue } from "vue-property-decorator" vs. import Vue from "vue"

Steve88

14.11.2019 10:58:29

Допустим, у вас есть очень простой модуль с именем 'some-module', в нем вы имеете:

var foo = 'bar';
export default foo;
export function helloWorld () { ... };

Когда ты это сделаешь:

import something from 'some-module';

вы не только импорт, экспорт по умолчанию некоторые-модуль. В данном случае это строка foo. Экспорт по умолчанию может быть любым, объектом, функцией и т. д.

Когда ты это сделаешь:

import {helloWorld} from 'some-module';

Вы специально импортируете член 'some-module' с именем 'helloWorld', а не экспорт по умолчанию. В данном случае это функция 'helloWorld'.

Если бы вы это сделали:

import {something} from 'some-module';

"Что-то" было бы "неопределенным", так как нет никакого экспорта для с этим именем.

Вы можете прочитать больше здесь

https://stackoverflow.com/questions/58859239/import-component-vue-from-vue-property-decorator-vs-import-vue-from-vue/58864840#comment104013911_58864840
спасибо за вклад, но вопрос был в том, в чем разница между импортом Vueиз этих 2-х конкретных модулей и как это может повлиять на мой проект. Речь шла не о техниках, как импортировать модуль JavaScript.
Является ответом!
Maxim Anatol'evich Borovsky

25.12.2019 12:07:00

Я бы сказал, что нет никакой разницы по источникам vue-property-decorator.

vue-property-decoratorпросто делает следующее:

import Vue, { PropOptions, WatchOptions } from 'vue'
// ...
export { Component, Vue, mixins as Mixins }

Возможно, что это делается для уменьшения количества импорта в вашем коде:

import {Vue, Smth1, Smth2}` from 'vue-property-decorator';

против

import Vue from 'vue';
import {Smth1, Smth2} from 'vue-property-decorator';
https://stackoverflow.com/questions/58859239/import-component-vue-from-vue-property-decorator-vs-import-vue-from-vue/59476810#comment105131832_59476810
Ясный ответ и должен быть принят. Спасибо за Ваш вклад!
Помочь в развитии проекта:
Закрыть X