Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/logging/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vuejs2 VueJS:定义';数据';使用对象文字vs函数返回对象_Vuejs2 - Fatal编程技术网

Vuejs2 VueJS:定义';数据';使用对象文字vs函数返回对象

Vuejs2 VueJS:定义';数据';使用对象文字vs函数返回对象,vuejs2,Vuejs2,用以下方式定义数据对象有什么区别: 1。使用对象文字 data: { title: ‘Helly VueJS’ } 2。函数返回对象 data() { return { title: ‘Helly VueJS’ }; } 从: 定义组件时,必须将数据声明为返回初始数据对象的函数,因为将有许多实例使用相同的定义创建。如果我们仍然使用普通对象作为数据,那么相同的对象将通过引用在所有创建的实例中共享!通过提供数据函数,每次创建新实例时,我们都可以简单地调用它

用以下方式定义
数据
对象有什么区别:

1。使用对象文字

data: {
    title: ‘Helly VueJS’
}
2。函数返回对象

data() {
    return {
        title: ‘Helly VueJS’
    };
}
从:

定义组件时,必须将数据声明为返回初始数据对象的函数,因为将有许多实例使用相同的定义创建。如果我们仍然使用普通对象作为数据,那么相同的对象将通过引用在所有创建的实例中共享!通过提供数据函数,每次创建新实例时,我们都可以简单地调用它以返回初始数据的新副本

文档非常好