vue.js

首先在工具里引入Vue.j's

接着在body里创建一个div并设置id，然后在给id起一个名字，我的是“app”。

在div里面再创建一个div，然后给它添加一个class命名为"content",后期的图片需要放在这个class为"content"的div里面。

 

在head里面添加style标签，在style标签里面为app ，content两个div设置布局

 

 在body的下面创建一个script，定义一个Vue方法并且绑定div为"app"的盒子

 

然后添加已给的组件，将父组件给子组件进行传值（传图片路径）

 在class为"content"的div里面添加自己定义的"aa_img"，并设置V-for循环(给图片传值)

最后在data里面导入数组，并填入所有的图片地址，点击运行

 

 预览效果图