javascript 文件看不到另一个文件

Question

我有两个 javascript 文件，其中一个有 vue 代码，另一个有一些数据数组，在其中创建了“Feed”数组，当我尝试从该数组输出简单字符串时控制台给出错误并显示“Feed 未定义”有任何线索吗？

window.Feed = (function(){
  const stories = [
    {
      id:1,
      title:'Levani',
      text:'lorem ipsum',
      votes:0,
      postedAt: '3min ago',
      storyImage: 'https://loremflickr.com/320/240?random=1'
    },]
    return {stories: stories};

new Vue({
  el: '#app',
  data:{
    stories: Feed.stories
  },
  methods:{
  }
});

<img v-bind:src="stories[0].storyImage" />
<script src="https://unpkg.com/vue"></script>
<script src="data.js"></script>
<script src="main.js"></script>

Answer 1

您需要实际调用 IIFE:

window.Feed = (function() {
  const stories = [{
    id: 1,
    title: 'Levani',
    text: 'lorem ipsum',
    votes: 0,
    postedAt: '3min ago',
    storyImage: 'https://loremflickr.com/320/240?random=1'
  }, ]
  return {
    stories: stories
  };
}()); // You need to actually CALL the IIFE so add "()"

new Vue({
  el: '#app',
  data: {
    stories: Feed.stories
  },
  methods: {}
});

<div id="app">
  <img v-bind:src="stories[0].storyImage" />
</div>
<script src="https://unpkg.com/vue"></script>