Vue小白，正在尝试做一个SPA页面，遇到一个问题看了搜索了很多资料无法解决，来这边请求各位前辈的意见。

请问vue-router可以直接获取后台数据吗？应该怎样操作呢？如果不行的话是否通过vue-resourse获取，然后在放到vue-router?如果是的话?️应该怎样操作？不胜感激！！

以下是我的代码，不知道思路对不对
后台接口是'/home'，尝试从vue-router获取vue-resource得到的资料

var home = {
        template:'<h3>这是一个模版</h3>'

      };

      const router = new VueRouter({
        routes:[
          {path:'/home',component:home}
        ]
      })

      new Vue({
        el:'#app',
        router,
        dataGroup:[],
        methods:{
          renderArticle(url){
            this.$http.get(url,{

            }).then((res)=>{
              this.dataGroup = res.data;
            },(res)=>{
              alert(res.status)
            })
          }
        },
        created(){
          this.renderArticle('/home')
        }
      })