本文探讨了组件复用中为何采用函数式data，以确保每次调用生成独立数据。同时解析了样式覆盖问题，涉及作用域规则——局部与Scoped CSS。重点介绍了13种放置元素中间的方法及CSS作用域在组件开发中的应用。
以前设置为data：{}对象
现状因为复用 设置为函数，函数的好处是每一次调用函数都是独立生成一个内存空间，且复用不影响，所以采用data函数。
###组件的data为什么是一个函数返回一个对象而不是直接是一个对象?
因为组件被复用,每次调用data函数会重新生成一个新的数据源,让复用的组件的数据源独立互不影响.
为什么最后引入的样式颜色会覆盖前面同类名对的颜色
因为box2先引入通过js解析器解析为一个js文件，然后box引入通过js文件解析同一个js文件，最后同类明样式覆盖前面的
此style作用域为局部作用域只会作用于自己
css作用域 scoped
在组件内部的style标签上添加scoped
在打包时只要组件的style有scoped属性,就会为当亲组件内的每一个元素添加一个唯一的表示作为属性把我们的css代码添加一个属性选择器，然后挂载
高频面试题：
如何把一个元素放在一个元素的中间（13种）
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
