vue 中使用 watch 出現(xiàn)了如下的報錯的原因分析
更新時間：2019年05月21日 08:35:57 作者：獨釣寒江雪
這篇文章主要介紹了vue 中使用 watch 出現(xiàn)了如下的報錯信息的原因分析及解決方法，本文附有代碼解決方案，非常不錯,需要的朋友可以參考下
報錯: Method "watch" has type "object" in the component definition. Did you reference the function Method "watch" has type "object" in the component definition. Did you reference the function correctly?
原因: watch 是一個對象,應該以鍵值對的形式來使用,但是我 將 watch 放到了 methods: {} 中,導致了這個問題;
解決辦法: 將watch 對象 拿出來,與 methods 平級;
附上當時的代碼:
watch: {
"$route.path":function(newval){
if(newval === '/home'){
this.flag = false
}else{
this.flag = true
}
}
}
}
總結(jié)
以上所示是小編給大家介紹的vue 中使用 watch 出現(xiàn)了如下的報錯的原因分析，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
相關文章
這篇文章主要為大家詳細介紹了第一個Vue插件從封裝到發(fā)布的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
在Vue中實現(xiàn)模糊查詢,你可以使用JavaScript的filter和includes方法,結(jié)合Vue的v-for指令,本文給大家舉了一個簡單的示例,并通過代碼示例給大家介紹的非常詳細,需要的朋友可以參考下2024-01-01
這篇文章主要介紹了初探Vue3.0 中的一大亮點Proxy的使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
關于vue中hash和history的區(qū)別與使用圖文詳解
vue-router中有hash模式和history模式,下面這篇文章主要給大家介紹了關于vue中hash和history的區(qū)別與使用的相關資料,文中通過圖文介紹的非常詳細,需要的朋友可以參考下2023-03-03
這篇文章主要介紹了詳解vue-meta如何讓你更優(yōu)雅的管理頭部標簽，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
最近在做一個vue移動端項目，被緩存問題搞得頭都大了，積累了一些經(jīng)驗，特此記錄總結(jié)下，分享到腳本之家平臺，對vue移動端項目緩存問題實踐記錄感興趣的朋友跟隨小編一起看看吧2018-10-10
這篇文章主要介紹了Vue關于訪問外鏈失敗的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03
使用 filters 實現(xiàn)英文字母轉(zhuǎn)大寫，實現(xiàn)代碼超簡單，本文重點給大家介紹vue filters的使用，感興趣的朋友一起看看吧2018-06-06
這篇文章主要介紹了vue中返回結(jié)果是promise的處理方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
Nuxt pages下不同的頁面對應layout下的頁面布局操作
這篇文章主要介紹了Nuxt pages下不同的頁面對應layout下的頁面布局操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11