就是如下這種總效果：

點選搜尋框（上圖）- 出現帶熱門搜尋、歷史搜尋的頁（下圖）

解決：

1.搜尋框input加 @focus="this.$router.push('/search')" 路由跳轉新頁面

2.新頁面鉤子函式

created() { 

     $('#input').focus()

}

無效！！！好吧！

3.親測有效

created() { 

    setTimeout(() => {

        $('#input').focus()

    }, 0);

}

4.究其原因還是對鉤子理解不夠深刻啊!

created
官方說明：例項已經建立完成之後被呼叫。在這一步，例項已完成以下的配置：資料觀測(data observer)，屬性和方法的運算， watch/event 事件回撥。然而，掛載階段還沒開始，$el 屬性目前不可見。

mounted
官方說明：el 被新建立的 vm.$el 替換，並掛載到例項上去之後呼叫該鉤子。如果root例項掛載了一個文件內元素，當 mounted 被呼叫時 vm.$el 也在文件內。

5.完事!!!

mounted() { 

     $('#input').focus()

}

掛鉤需謹慎啊！！

記錄自勉吧