【vue】data是一个函数

一个组件的 data 选项必须是一个 函数 。→ 保证每个组件实例，维护 独立 的一份数据对象。

每次创建新的组件实例，都会新执行一次 data 函数，得到一个新对象。

data(){

        return{

                count:100,

                }

        }

写好后就能进行使用了

就能进行访问了

只写一个无法体现出该程序的有点，多写几个就能体现出程序的有点了，大大减少了程序的代码量

注意：data在组件中必须是一个函数，每次使用的时候都运行一次，保证每次使用的数据都是独立的，不会相互影响。

如果data不是一个函数的话，会导致组件间相互影响，出现错误提示

总结：

组件三大组成部分的注意点：

1. 结构：有且只能一个根元素

2. 样式：默认全局样式，加上 scoped 局部样式

3. 逻辑： data是一个函数 ，保证数据独立。