vue 中使用 watch 出現(xiàn)了如下的報(bào)錯(cuò)的原因分析

更新時(shí)間：2019年05月21日 08:35:57 作者：獨(dú)釣寒江雪

這篇文章主要介紹了vue 中使用 watch 出現(xiàn)了如下的報(bào)錯(cuò)信息的原因分析及解決方法，本文附有代碼解決方案，非常不錯(cuò),需要的朋友可以參考下

報(bào)錯(cuò): 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 是一個(gè)對(duì)象,應(yīng)該以鍵值對(duì)的形式來(lái)使用,但是我將 watch 放到了 methods: {} 中,導(dǎo)致了這個(gè)問(wèn)題;

　　解決辦法: 將watch 對(duì)象拿出來(lái),與 methods 平級(jí);

附上當(dāng)時(shí)的代碼:

watch: {
  "$route.path":function(newval){
   if(newval === '/home'){
   this.flag = false
   }else{
   this.flag = true
   }
  }
  }
 }

總結(jié)

以上所示是小編給大家介紹的vue 中使用 watch 出現(xiàn)了如下的報(bào)錯(cuò)的原因分析，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！

您可能感興趣的文章:

相關(guān)文章

第一個(gè)Vue插件從封裝到發(fā)布
這篇文章主要為大家詳細(xì)介紹了第一個(gè)Vue插件從封裝到發(fā)布的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-11-11
Vue實(shí)現(xiàn)模糊查詢(xún)的簡(jiǎn)單示例
在Vue中實(shí)現(xiàn)模糊查詢(xún),你可以使用JavaScript的filter和includes方法,結(jié)合Vue的v-for指令,本文給大家舉了一個(gè)簡(jiǎn)單的示例,并通過(guò)代碼示例給大家介紹的非常詳細(xì),需要的朋友可以參考下
2024-01-01
初探Vue3.0 中的一大亮點(diǎn)Proxy的使用
這篇文章主要介紹了初探Vue3.0 中的一大亮點(diǎn)Proxy的使用，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-12-12
關(guān)于vue中hash和history的區(qū)別與使用圖文詳解
vue-router中有hash模式和history模式,下面這篇文章主要給大家介紹了關(guān)于vue中hash和history的區(qū)別與使用的相關(guān)資料,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下
2023-03-03
詳解vue-meta如何讓你更優(yōu)雅的管理頭部標(biāo)簽
這篇文章主要介紹了詳解vue-meta如何讓你更優(yōu)雅的管理頭部標(biāo)簽，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-01-01
vue移動(dòng)端項(xiàng)目緩存問(wèn)題實(shí)踐記錄
最近在做一個(gè)vue移動(dòng)端項(xiàng)目，被緩存問(wèn)題搞得頭都大了，積累了一些經(jīng)驗(yàn)，特此記錄總結(jié)下，分享到腳本之家平臺(tái)，對(duì)vue移動(dòng)端項(xiàng)目緩存問(wèn)題實(shí)踐記錄感興趣的朋友跟隨小編一起看看吧
2018-10-10
Vue關(guān)于訪問(wèn)外鏈?zhǔn)〉膯?wèn)題
這篇文章主要介紹了Vue關(guān)于訪問(wèn)外鏈?zhǔn)〉膯?wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-03-03
vue filters的使用詳解
使用 filters 實(shí)現(xiàn)英文字母轉(zhuǎn)大寫(xiě)，實(shí)現(xiàn)代碼超簡(jiǎn)單，本文重點(diǎn)給大家介紹vue filters的使用，感興趣的朋友一起看看吧
2018-06-06
vue中返回結(jié)果是promise的處理方式
這篇文章主要介紹了vue中返回結(jié)果是promise的處理方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-04-04
Nuxt pages下不同的頁(yè)面對(duì)應(yīng)layout下的頁(yè)面布局操作
這篇文章主要介紹了Nuxt pages下不同的頁(yè)面對(duì)應(yīng)layout下的頁(yè)面布局操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2020-11-11