前端 - 如何在data中 使用/导入 另外一个vue文件中的data函数中的某个对象？

Question

mixins混入似乎会将全部选项都加入，我只是想要data中的某个对象

Answer 1

我目前想到的是写一个js，两个组件都引入这个js定义的对象，只不过你的对象要用函数返回，不要直接定义。不然指向的是同一个，会引发问题。

Answer 2

要使用另一个Vue文件中的data函数中的某个对象，您可以使用以下方法：

1. 导入该Vue文件：

import Vue from 'vue'import VueFile from './path/to/VueFile.vue'

2. 获取该Vue文件中的data对象：

const data = VueFile.data()

3. 获取您想要的对象：

const object = data.objectName

如果您想将该对象混入到您的Vue实例中，您可以使用混入（mixins）功能：

const mixins = { objectName: object }new Vue({ data, mixins })

如果您只需要在您的Vue实例中访问该对象，您可以将其作为data的属性添加：

data() {  return {    objectName: object,  }}