今天小编跟大家讲解下有关“vue中data里的数据如何相互使用，相互引用可以吗”的内容 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了相关资料，希望小伙伴们看了有所帮助。

data里面的数据相互使用

今天在写代码的时候，遇到一个问题，我想使用data里面的一个对象使用data里面的某个数据，附图片：

我想让active的值给params对象里面的topicListType使用，我不想直接在一个方法里面改变这个值（想改的话就直接可以改了，太简单），所以就有了这个想法。

在data里面使用，但是肯定不能写成 this.params.topicListType: this.active,这样会报错undefined，从网上查内容基本上都一样，也许是我看不懂，也许是我不会使用别人的，都不能用，我就自己鼓捣一会，他们使用的是mounted，但是我觉得得使用computed。

具体代码如下

computed: {
  computedTabsActive() {
    return this.params.topicListType = this.active;
  },
},

这样就可以了，自己亲测有效，在vue中，computed的属性可以被视为是data一样，是可以读取和设值的，所以你可以直接赋值，返回。

但是很重要的一点，必须在模板中使用。摁，在模板中不让看见的话，我想大家都会把，用v-show或者v-if都可以。也算是投机取巧把。

data里的数据不能相互引用问题

如下图所示

如果需要相互引用，需要使用computed

感谢各位的阅读，以上就是“vue中data里的数据如何相互使用，相互引用可以吗”的内容了，经过本文的学习后，相信大家对vue中data里的数据如何相互使用，相互引用可以吗都有更深刻的体会了吧。这里是群英网络，小编将为大家推送更多相关知识点的文章，欢迎关注！

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• JavaScript中的this有何作用，有什么妙用呢

  本文实例讲述了JavaScript中的this妙用。分享给大家供大家参考，具体如下：

• 详解用vue如何实现3d标签云

  本文主要给大家分享的是用vue如何实现3d标签云的内容，小编觉得比较有意思，下文有实现效果及代码供大家参考，感兴趣的朋友可以了解看看，接下来我们就一起学习一下吧。

• reduce使用场景有哪些，代码是什么

  目录累加/累积求最大/最小值格式化搜索参数反序列化搜索参数拉平嵌套数组实现 flat数组去重数组计数获取对象多个属性反转字符串不知道大家平常用 Reduce 多不多，反正本瓜用

• jquery中fade用法有哪些？如何使用？

  本文给大家分享的是jquery中fade用法，下文对fade用法及具体的使用都有介绍，还有示例供大家参考，感兴趣的朋友可以了解看看，那么接下来就跟随小编一起来学习一下吧。

• JS数组去重有几种类型，分别怎么实现

  这篇文章主要介绍JS数组去重，关于去重实际应用中，最常用的方法就是使用Set，也可以使用第三方库lodash来处理，下面一起来看看文章是怎么介绍JS数组去重的