m0_74069684的博客

二级页面的极简版（帮助初学者理解）

能看懂的小伙伴直接拿走代码，稍有疑惑的伙伴请听我解释一下，我们这里是通过行标签将需要上下布局的盒子包裹起来，然后通过列标签把列的空间分成24等份，在继续通过使用两个的方式实现上下布局。能看懂代码的小伙伴直接使用代码，稍微有些疑惑的小伙伴就来听我解释一下吧，我首先需要设置一个父盒子来包裹两个子盒子，在父盒子中设置flex布局，使用flex布局就能实现左右布局。

注：id的传递的传递是为了防止由于id相同导致第二个echarts图覆盖第一个echarts图。还是那句话，能看懂代码的伙伴，直接把代码拿走修改即可，稍有疑问的伙伴，就来听我解释一下吧。由于想要实现组件的复用的功能，从而产生了两个问题，第一个是数据的传递，第二个是id的传递。接着 ，通过defineprops接收传递过来的数据和id，并且创建一个实例。然后通过动态数据绑定，以及绑定一个id，传递给子组件。最后，将props接收到的值给对应的属性。

样表来源 > 选择器 > 源码。