[Vuejs]-Vue / vue-router scoping

//you can try the following code
  //index.js
    import Vue from 'vue'
    import Router from 'vue-router'
    Vue.use(Router)
    import RSSFeed from '@/components/RSSFeed.vue'
    export default new Router({
      routes: [
        {
          path: '/rss-feed',
          name: 'RSSFeed',
          component: RSSFeed,
          props: { authorName: 'Robert' }
        },
         
      ]
    })

    //RSSFeed.vue
    <template>
        <ol id="feed">
          {{authorName}}
        </ol>
    </template>

    <script>
    import Post from './Post'
    export default {
      props: ['authorName'],
      data () {
        return {
          items: [
            {
              "title":"Vuejs Nodejs",
              "pubDate":"20-07-2018",
              "description":"Leading vuejs nodejs",
              "link":"https://hoanguyenit.com"
            }
          ],
          errors: []
        }
      }
    }
    </script>

Example
//in router
const router = new VueRouter({
  routes: [
    { path: 'YOUR__PATH', component: Home, props: { authorName: 'Robert' } }
  ]
})

//in Home.vue
//And inside the <Home /> component,
var Home = Vue.extend({
    props: ['authorName'],
    template: '<p>Hey, {{ authorName }}</p>'
});