vue中data里面数据相互引用,vuedata调用data里面数据

　　本文主要介绍了vue项目中数据之间相互访问的实现。通过示例代码进行了非常详细的介绍，对大家的学习或工作有一定的参考价值。有需要的朋友下面和边肖一起学习。

　　代码如下：

　　div id=vue_det

　　输入类型=数字 v-模型=文本

　　div{{textAdd}}/div

　　/div

　　脚本类型=文本/javascript

　　var vm=new Vue({

　　el: #vue_det ，

　　数据：{

　　正文：1，

　　textAdd:parseInt(this.text) 1

　　}

　　})

　　/脚本

　　为了达到下图所示的效果：div标签中的值由输入中的值1计算得出。

　　上面代码中的TextAdd=parseInt(this.text) 1。这种写入方法肯定无法访问this.text的值。

　　如果要访问数据中的值，而textAdd是用文本计算的，要实现双向数据绑定，文本的值发生变化，textAdd的值动态变化，可以用concomped来实现。代码如下：

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=utf-8

　　titlevue的数据/标题中的数据交互访问

　　script src= https://cdn . bootcss . com/vue/2 . 4 . 2/vue . min . js /script

　　！-script src= vue . min . js /script-

　　/头

　　身体

　　div id=vue_det

　　输入类型=数字 v-模型=文本

　　div{{textAdd}}/div

　　/div

　　脚本类型=文本/javascript

　　var vm=new Vue({

　　el: #vue_det ，

　　数据：{

　　正文：1，

　　//textAdd:this.text 1

　　},

　　计算值：{

　　textAdd: function() {

　　return(parse int(this . text)1)；

　　}

　　}

　　})

　　/脚本

　　/body

　　/html

　　关于vue项目中数据相互访问的实现的这篇文章到此为止。有关vue数据相互访问的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。