#變數和字串的拼接#

寫專案中，遇到了這樣的一個問題：怎樣在一個div裡面顯示兩個data中的資料？我的問題描述清楚了嗎？。。。

看圖吧：

  這是使用者最初的需求~

 這是使用者後來的需求，嗯……就是多了個檔案的總數量~

最初程式碼：

data() {
    return{
        banner[
            {id: 0,name: "全部檔案"},
            {id: 0,name: "招生簡介"},
            {id: 0,name: "其他檔案"}
        ]
    }
}        
 

後期程式碼：

data() {
    return{
        banner[
            {id: 0,name: ""},
            {id: 0,name: ""},
            {id: 0,name: ""}
        ],
　　　　　//這裡我只是隨意寫了個數值，具體值，當然是從後臺傳過來的呀~
        allFilesCount:1000,
        recrIntroCount:200,
        otherFilesCount:7000
    }
},
methods：{
    //變數和字串拼接的方法
    adds:function() {
 

　　　　//``這個符號需要注意，英文狀態下，Esc下面那個鍵。
　　　　this.banner[0].name = `全部檔案(${this.allFilesCount})`; 
　　　　this.banner[1].name = `招生簡介(${this.recrIntroCount})`; 
　　　　this.banner[2].name = `其他檔案(${this.otherFilesCount})`; 
　　}
},

mounted() { 
　　this.adds();//最後，呼叫一下上面那個賦值的方法 
}