vue实例中data的用法

609 阅读1分钟

data的作用

data属性是vue实例下的一个属性,它是专门来存放数据的所有的变量保存的数据,全部写在 data属性里面 (data里面的数据可以是任何类型,数组,对象,字符串..)

data存在的意义

存储数据并且把数据显示在页面
计算属性和props属性也可以存数据

示例

在methods里写一个方法,会返回数据。方法里的数据无法渲染到页面,需要借助data

image.png
在data里面定义一个数据bb(变量),来接收保存方法返回的数据 image.png
然后在方法里面把方法返回的值res给data属性里的某一个值bb image.png
此时,方法返回的数据就存在了data里面的bb里面了,那么这时,就可以任意渲染bb这个数据了

image.png
页面输出bb:

image.png