从" Vue -property-decorator“导入{ Component，Vue }与从"vue”导入vue

Question

从Vue和vue-property-decorator导入vue之间有什么区别和用例？我理解的是，在使用Vue装饰器定义自定义组件时，总是需要从vue-property-decorator导入@Component，但是在使用@Component装饰器定义定制组件时，是否存在与Vue核心相关的意外/不同的事情/场景？

Answer 1

我想说，按照资料来源 of 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';

vs

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

Answer 2

假设您有一个非常简单的模块，名为“”，其中包含：

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

当你这样做时：

import something from 'some-module';

您只导入默认的“一些-模块”导出。在本例中，它是字符串foo。默认的导出可以是任何东西、对象、函数等。

当你这样做时：

import {helloWorld} from 'some-module';

您正在专门导入名为“helloWorld”的“一些模块”的成员，而不是默认的导出。在本例中，它是'helloWorld‘函数。

如果你做了：

import {something} from 'some-module';

“某事”将是“未定义的”，因为没有该名称的导出。

您可以阅读更多的这里