Javascript 在前端显示RSS提要

我想在我的Vue.js应用程序上显示来自此Google Alert RSS提要（）的一系列文章

我已经创建了一个“Feed.vue”组件，并希望在“App.vue”上显示Feed。我的后端是Express.js。首先，我这样做对吗？我用Javascript实现了这一点，但我想使用Vue.js作为前端

由于某些原因，我在标题方面遇到了以下错误：

我的代码：

Feed.vue

 <template>
   <li>
      {{feed.title}}
   </li>
</template>

<script>
   export default {
      props: ["feed"]
   }
</script>

{{feed.title}

导出默认值{
道具：[“饲料”]
}

App.vue

    <template>
  <div id="app">
<Feed></Feed>
   <ul>
      <feed v-for="feed in feeds" :feed="feed" :key="feed.title"></feed>
   </ul>
   </div>
</template>

<script>
import io from 'socket.io-client'
   import Feed from './components/Feed.vue'
   export default {
      components: {
         Feed
      },
      data () {
         return {
            feeds: []
         }
      },
      mounted() {
         this.subscribeToFeed();
      },
      methods: {
         subscribeToFeed() {
            const socket = io();
            socket.on('feed', data => {
               data.feed.entries().forEach(feed => {
                  this.feeds.push(feed);
               });
            });
         }
      }
   }
</script>

从“socket.io客户端”导入io
从“./components/Feed.vue”导入源
导出默认值{
组成部分：{
喂
},
数据（）{
返回{
订阅源：[]
}
},
安装的（）{
this.subscribeToFeed（）；
},
方法：{
下标（）{
const socket=io（）；
socket.on（'feed'，data=>{
data.feed.entries（）.forEach（feed=>{
这个。feed。推（feed）；
});
});
}
}
}

我应该把它放在我的代码中的什么地方

   const socket = io();
    socket.on('feed', data => {
      for (const [i, item] of data.feed.entries()) {
        let itemContainer = $('<span></span>')
          .addClass('feed__content')
          .append(`<p>${i + 1}) ${item.title}<p>`)
          .append(`<p>${item.link}</p>`)
          .appendTo('.feed');
      }
    });

const socket=io（）；
socket.on（'feed'，data=>{
for（data.feed.entries（）的常量[i，item]{
让itemContainer=$（''）
.addClass（“提要内容”）
.append（`${i+1}）${item.title}`）
.append（`${item.link}
`）
.appendTo（“.feed”）；
}
});

发生此错误是因为您在

App.vue

的第3行中声明了

提要

组件而没有属性

您的代码是这样的：

正确的代码是：

谢谢。另外，我在哪里放置到套接字代码的连接？我已经在js中完成了它，但想将其转换为vue。我已经编辑了我的帖子（见上文）：）没有，Vue不建议您处理DOM。第一个代码是正确的。这个答案解决了你的问题吗？请接受此答案并结束问题。这将帮助其他人。