JS文件中的Vue JS组件调用函数

Question

我正在Laravel项目中创建一个 Vue JS 项目

如何从其他JS文件中调用数据？

我现在所拥有的

MainComponent.vue

data() {
   return this.getData()
}

DataComponent.js

module.exports = {
     getData() {
        variable1: [],
        variable2: []
     }
};

我不知道我是否正确执行操作，但也许有人可以提供帮助。谢谢！

Answer 1

不确定您要做什么，但这也许会有所帮助：

MainComponent.vue

import { _data } from './DataComponent'
    data() {
       return _data
    }

DataComponent.js

export const _data = {
var1:[],
var2: []
}

Answer 2

您必须先导出js模块，然后在Component内部导入

  

Test.js

module.exports = {
     getData() {
        variable1: [],
        variable2: []
     }
};

  

MyComponent.vue

import { obj } from 'your_js_file_path/Test'

然后您可以在某些方法内使用forexamle

obj.getData();