javascript файл не могу увидеть другой

javascript файл не могу увидеть другой

06.01.2020 09:55:10 Просмотров 34 Источник

У меня есть два файла 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>
У вопроса есть решение - Посмотреть?

https://stackoverflow.com/questions/59617476/javascript-file-cant-see-the-other-one#comment105398344_59617476
В каком порядке расположены эти скрипты на Вашей странице?
https://stackoverflow.com/questions/59617476/javascript-file-cant-see-the-other-one#comment105398363_59617476
@zero298 что ты имеешь в виду ?
https://stackoverflow.com/questions/59617476/javascript-file-cant-see-the-other-one#comment105398365_59617476
загрузка будет иметь значение здесь, вам нужно будет убедиться, что вы сначала ссылались на файл, который имеет окно.Питайтесь в нем. Во-первых, я бы посмотрел на html-файл, который вы загружаете в свои скрипты. Убедитесь, что окно открыто.Кормить одного-это первое, что загружается

Ответы - javascript файл не могу увидеть другой / javascript file cant see the other one

Является ответом!
zero298

06.01.2020 10:05:43

Вам нужно на самом деле позвонить в 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>

Помочь в развитии проекта:
Закрыть X