vue中data的两种写法

本文主要是介绍vue中data的两种写法，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

//1、对象式
data: {
    ...
}

//2、函数式
data: function() {
    return{
        ...
    }
}
//----或者----//
data() {
    return{
        ...
    }
}
/*
对于函数式：
  1.写组件必须用函数式
  2.这里的function不能用【() => {}】[ 箭头函数 ] 代替，
    因为 箭头函数 没有自己的【this】，会往上一层找对象
    即： 
    function => this => vue对象
    ()=>{}   => this => 上一级对象
*/

这篇关于vue中data的两种写法的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！