Vue.js 图像未显示在<；el carousel></el carousel>；元素用户界面的设计

我试图在Vue Framework的元素ui中放置一些图像，但这些图像没有显示在页面上。。我是Vue框架的新手。任何人请帮我解决这个问题

<template>
<div>
  <el-carousel indicator-position="outside">
    <el-carousel-item v-for="item in img" :key="item">
      <img :src="item" />
    </el-carousel-item>
  </el-carousel>
</div>

谢谢

var Main={
数据（）{
返回{
旋转木马：[
'https://www.gstatic.com/webp/gallery3/1.png',
'https://www.gstatic.com/webp/gallery3/2.png',
],
};
},
};
变量向量=Vue.extend（主）
新Ctor（）.$mount（'#app'）

@import url（“//unpkg.com/element-ui@2.13.2/lib/theme chalk/index.css）
我已经更新了上述代码，现在它可以正常工作了。：）
export default {
name: "Home",
data() {
  return {
    img: [
      require("@/assets/homepage.png"),
      require("@/assets/honor.jpg"),
      require("@/assets/homepage.png"),
      require("@/assets/huaweip30.jpg"),
    ],
  };
},