1. 程式人生 > >vue填坑指南之模板的使用

vue填坑指南之模板的使用

    坑提示:"The template root requires exactly one element"

    Src下面有個App.vue檔案,在index裡引用了這個檔案以後,我在.vue檔案裡添加了html,但是加完一個div以後,再加div就沒效果了,百思不得其解。

    

    如圖:

    

    div1能顯示,但是div2死活不出來。知道今天我看見了一句提示:

    

      這句話的意思是模板只能有一個根節點!就是說.vue檔案裡,要有一個根節點div,裡面再去包含1和2,就可以了。

    

    “試試效果”這個div和之前寫的一個div被我放到一個根div裡,然後頁面就顯示出來了。

    這塊vue之所以這樣設計,應該是出於vue的特性,每個template都有一個單獨的id,同時裡面對應一個單獨的、唯一的、根級別的div