2020-08-25 vue中data作为函数且使用return方法

1.作为市面流行的前端框架之一vue，在使用过程中会发现 data(){return{}}是以函数的形式，这是为什么呢？
2.首先，组件化作为vue的核心思想之一，我们每一个 .vue文件都是一个组件，在我们使用过程中，如果将data作为对象形式，那么当我们共用某个组件的时候，data中的数剧将以全局的形式存在，这样就会造成作用域污染  

<template>
    <h1>按钮被点击了{{ count }}次</h1>
    <button v-on:click="count++">点击</button>
</template>
<script>
    export default {
        name:'test',
        data(){
            return{
              count:0  
          }  
        }
</script>

当我们复用这个组件三次，但是，我们每个组件内部返回的结果都是不同的。但是当我们将上边的data修改为data：{count：0}，这时候我们的返回结果都会相同。