Vue实例中的data为什么是一个对象,组件中的data为什么是一个函数

Vue开发的应用一般为单页面应用,一般情况下只有一个Vue实例,所以实例中的数据可以在当前项目中共享,所以Vue实例中的data是一个对象

Vue组件的出现是为了组件中的视图和数据可以复用(可以简单理解为js中的函数封装),被复用的组件在不同的复用位置可能在操作不同的数据,所以每个组件的data数据必须相互独立,所以组件中的data是一个函数,函数内部返回一个只能让当前组件使用的对象数据

注:

        简单理解为:可以实例中的data可以全局使用 (全局意味着可共享,大家都可以用)

                              所以是对象

                              组件中的data为局部使用(局部意味着不共享,只能自己用),所以为

                              返回对象的函数

你可能感兴趣的:(笔记,vue.js,javascript,前端)