js部分

效果如上图，上述代码中，css部分是为了让代码为并列的四列，html中使用v-for方法循环数据，在组建内通过:data='aaa'接收循环输出的数据，而数据的来源是父元素实例化中的data内的名为sites的数组，在实际项目中，把sites内的数据换成后台输出的数组就可以实现后台数据的绑定。

代码还有很多不足的地方，比如想要更改上下对齐的行数还要通过修改css修改，这篇文章仅作为学习Vue的小结，供自己以后复习学习使用，有什么问题希望大家指正。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。