问答博客标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
php
java
vue.js
git
html5
python
node.js
android
mysql
react.js
linux
ios
css
golang
spring
docker
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

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

头像
hfne3q3k
    96419

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

    vue.js前端
    阅读 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 个回答
    得票最新
    头像
    QJJ二号
      21133108

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

      头像
      hfne3q3k
        96419

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

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

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

        撰写回答
        你尚未登录，登录后可以
        • 和开发者交流问题的细节
        • 关注并接收问题和回答的更新提醒
        • 参与内容的编辑和改进，让解决方法与时俱进
        推荐问题
        宣传栏