import { Component， Vue } from "vue-property-decorator" vs. import Vue from "vue"

Question

从vue-property-decorator和vue导入Vue有什么区别和用例？我所理解的是，在使用@Component装饰器定义自定义组件时，我需要始终从vue-property-decorator导入Vue，但是是否有任何与Vue核心相关的意外/不同的事情/场景，我在这样做时应该注意？

Answer 1

我会说根据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';

Answer 2

假设你有一个名为"some-module"的非常简单的模块，其中有：

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';

">

某物"将是"未定义的"，因为没有使用该名称的导出。

您可以在此处阅读更多内容