为什么在大型项目中data是一个函数而不是一个对象

        组件是一个可复用的实例,当你引用一个组件的时候，组件里的data是一个普通的对象，所有用到这个组件的都引用的同一个data，就会造成数据污染。

        不使用return包裹的数据会在项目的全局可见，会造成变量污染；使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件。 当一个组件被定义， data 必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例。如果 data 仍然是一个纯粹的对象，则所有的实例将共享引用同一个数据对象！通过提供 data 函数，每次创建一个新实例后，我们能够调用 data 函数，从而返回初始数据的一个全新副本数据对象。

1. 在简单的vue实例中看到的Vue实例中data属性，如下所示：

   <script>
     let vm=new Vue({
       el:'',
       data:{},//数据可以直接挂在vue实例上
       methods:{}
     })
   </script>

2. 在使用组件化的项目中，如下所示：

   //每一个.vue文件中都对应一个vue实例，该vue实例的构造函数参数由当前页面的export default提供
   <script>
     export default{
   	data(){
         return {
             
         }
       },
       methods:{}
   		}
   	}
   </script>

   注：如有错误，欢迎指正，大家一起交流学习~