如何将obj转换为Vue.js中的数组和故障切片问题

Question

<template>
  <div class="Homepage">
    <Header></Header>
    <div class="blogList" v-for="post in blog">
      <h1>{{post.title}}</h1>
      <p>{{post.content}}</p>
      <p>{{post.category}}</p>
    </div>
  </div>
</template>
<script>
  /* eslint-disable quotes */
  // import header component
  import Header from './Header.vue'
  import axios from 'axios'

  export default {
    data () {
      return {
        blog: []
      }
    },
    components: {Header},
    created: function () {
      axios.get('https://myblog-database.firebaseio.com/posts.json').then((res) => {
        this.blog = res.data
      })
    }
  }
</script>

我正在尝试构建我的博客使用vue.js.After从数据库获取数据后，我想使用像这个this.blog = res.data.slice(0,5)这样的切片函数来限制每页博客的数量。

但切片函数总是失败，可能是因为res.data不是数组而是json对象。切片只能在数组中使用。

如何将res.data转换为数组，以便我可以使用切片函数。

created: function () {
  axios.get('https://myblog-database.firebaseio.com/posts.json').then((res) => {
    this.blog = res.data
  })
}