Get the App
SLTechnology News&Howtos  ›  Development  › 

How to implement mutual access to data data in vue project

Shulou Source: shulou.com Published: 2022-05-31 17:04:06 10月03日 Update

This article mainly explains "how to access each other between data data in the vue project". The content in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "how to access each other between data data in the vue project".

The code is as follows:

{{textAdd}} var vm = new Vue ({el:'# vue_det', data: {text: 1, textAdd:parseInt (this.text) + 1}})

To achieve the effect shown in the following figure: the value in the div tag is calculated as the value + 1 in input.

TextAdd = parseInt (this.text) + 1 in the above code, which certainly cannot access the value of this.text.

The code is as follows:

Data access each other in vue's data {{textAdd}} var vm = new Vue ({el:'# vue_det', data: {text: 1, / / textAdd:this.text+1} Computed: {textAdd: function () {return (parseInt (this.text) + 1) }) Thank you for reading, the above is the content of "how to achieve mutual access to data data in the vue project". After the study of this article, I believe you have a deeper understanding of how to achieve mutual access to data data in the vue project, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Tags: Data between projects code learning content writing dynamic two-way that is ideas situations effects articles more tags knowledge knowledge points articles follow Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno OPPO Reno MariaDB Shulou Technology Xiaomi Docker