javascript - import { Component, Vue } from "vue-property-decorator" 与 import Vue from "vue"

Question

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

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

您只导入“some-module”的默认导出。在这种情况下，它是字符串 foo。默认导出可以是任何东西、对象、函数等。

当你这样做时：

import {helloWorld} from 'some-module';

您正在专门导入名为“helloWorld”的“some-module”成员，而不是默认导出。在这种情况下，它是函数“helloWorld”。

如果你做了：

import {something} from 'some-module';

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

你可以在这里阅读更多