在專案中遇到了一個問題，下面是vue    template中的程式碼：

我之前的寫法是

這樣做的結果是下面取dom的操作，取到的dom都是undefined，也就是沒有取到。

原因是並沒有按照 請求資料—>渲染dom—>獲取dom的順序執行，實際的執行順序是 先獲取dom，而此時陣列option中還是空的，上面的v-for迴圈也就沒有渲染出dom，所以根本取不到（不理解是為什麼）

後來我又把請求資料寫在了created函式中，把取dom的操作寫在mounted函式中，竟然還是先執行取dom的操作（是通過alert的順序來判斷執行的順序），我也很絕望啊

最後終於找到了解決的辦法：

看到一個別人的回答是：“在資料請求的回撥中使用nextTick，在nextTick的回撥裡試試～”

還有一個人的回答是：“如果有依賴dom必須存在的情況，就放到mounted(){this.$nextTick(() => { /* code */ })}裡面”（這種之前我試過，我太好用，不懂為什麼）

我把這兩種方法綜合起來，其實主要是第一種方法，發現好用了！