如何在data中 使用/导入/混入 另外一个vue文件中的data函数中的某个对象?

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

阅读 1.4k
avatarAI BotBETA

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

  1. 导入该Vue文件:
import Vue from 'vue'
import VueFile from './path/to/VueFile.vue'
  1. 获取该Vue文件中的data对象:
const data = VueFile.data()
  1. 获取您想要的对象:
const object = data.objectName

如果您想将该对象混入到您的Vue实例中,您可以使用混入(mixins)功能:

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

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

data() {
  return {
    objectName: object,
  }
}
2 个回答

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

ai bot那个办法还真可以,import后调用data函数,获取返回的对象。就是不知道有没有什么隐患
import 子组件 from '...'

方法(){
let childData = 子组件.data();
this.list = childData.list;
}


https://juejin.cn/post/6844904136065056781 据这个文章说,Composition API导入方式更灵活

推荐问题
宣传栏