首先推薦一個個人認為不錯的課程吧（宣告，不是宣傳目的哦，本人秉持著好的東西就要分享出來讓更多的人知道，也希望真正的能夠幫到需要的朋友）:https://ke.qq.com/course/279663

推薦原因：講的好是肯定的，主要的原因是因為我學習前端很久，（還在學習階段）一直苦於沒有後端資料庫支援，想了很多辦法，嗯，這個視訊可以很好的解決哦

ok，步入正題

總結1：處理從後端獲取的資料格式：看下面的程式碼

{
    key1:{k1:val1},
    key2:{k2:val2},
    key3:{k3:val3},
    key4:{k4:val4}
}

轉為

[
    {k1:val1}
    {k2:val2}
    {k3:val3}
    {k4:val4}
]
 

處理方式：如下（axios方式獲取的資料都是在data中）

     data(){
          return {
            blogs:[]
          }
      },     
     created(){
          axios.get("https://wd2977814978jcnbar.wilddogio.com/posts.json")
            .then((data)=>{
              var blogArray = []
              for(let key in data.data){
                blogArray.push(data.data[key])
                this.blogs = blogArray
              }
            })
      }
 

總結一下：先遍歷物件，獲取物件中的每一項，將其push到我們新建立的陣列中，之後再將這個新的陣列賦值給我們的物件

注意：很多時候我們想要對獲取到的資料，新增一項新的值，比如新增一個id，也是在這個階段進行處理哦

總結2：axios中的this指向不是我們的vue例項

解決辦法：1、在axios先儲存一下this，然後再使用，比如var _this = this

                  2、在axios中使用箭頭函式，因為箭頭函式的指向並不指向promise例項，而是指向它建立時候的例項（比較推薦哦）

小知識點總結：

在元件中獲取動態路由引數（比如動態引數id）：this.$route.params.id

跳轉到某一個頁面中：除了<router-link>，還可以this.$router.push({path:'/'})