Laravel 拉维公司；vue.JS:'；组件''；导入&x27；和'；使用'；在app.js中

我将laravel与VueJS一起使用，我从未完全理解app.js中使用的“导入”、“使用”和“组件”背后的逻辑。也许有人可以给我一个关于如何正确使用它们的提示/链接

要在刀片服务器中使用自定义vue组件（单独的文件），我需要在根“app.js”文件中定义它们

现在我有点迷路了。在app.js文件中有：

window.Vue = require('vue');
[..]

Vue.component('my-vue-component', require('./components/my-vue-component.vue').default);
[..]

import Vue from 'vue';
import VueDraggableResizable from 'vue-draggable-resizable';
[..]

Vue.use(VueClipboard);

以及：

const app = new Vue({
    el: '#app',
    components: {
        dropZone: vue2Dropzone,
        draggable, Hooper, Slide, HooperPagination,
        'my-vue-component': MyVueComponent,
        [..]
    },

“组件”、“导入”、“使用”和“组件：{”到底在做什么

• “组件”可能使用模板定义组件文件
• “导入”->我不知道那是什么意思
• “使用”->也不知道
• 'components:{'->可能会使链接返回到模板文件 通过传递组件的名称

---

1.import与vue无关。它的功能是将另一个js模块引入当前js模块。如果您知道旧js，它类似于require（），它是在es6中引入的

• .这个答案解释了进口和进口的区别

2.Vue.use是Vue的功能，用于安装Vue插件。下面的链接解释了Vue插件的外观以及如何安装

3.Vue.component和components都是Vue注册Vue组件的方法

---

1.import与vue无关。它的功能是将另一个js模块引入当前js模块。如果您知道旧js，它类似于require（），它是在es6中引入的

• .这个答案解释了进口和进口的区别

2.Vue.use是Vue的功能，用于安装Vue插件。下面的链接解释了Vue插件的外观以及如何安装

3.Vue.component和components都是Vue注册Vue组件的方法

---

Nice，谢谢@HongJian提供的链接和说明，我们将查看它们。Nice，谢谢@HongJian提供的链接和说明，我们将查看它们。