vue组件思想

image.png
image.png

具名插槽

image.png
image.png

作用域插槽：style对象动态改变值的颜色

image.png
image.png
组件中的scoped是相当于一个限制作用，仅改变当前文件的样式
image.png
image.png
image.png image.png

阻止冒泡

image.png
image.png

上层组件return了一个值，this.$emit（）能接收到吗？

组件的组成插槽

image.png
image.png
image.png

image.png

在某些场景中index作为key值在某些场景中会出现严重的bug

image.png

image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png

通过provide提供响应式数据时，提供的是this，我们如何按需提供想要的数据
组件之前跨层级通信，

image.png
image.png
image.png
image.png
image.png
image.png