您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關vue開發時不要在created和watch中調用方法的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
不要在“created”和“watch”中調用方法
Vue開發人員經常犯的一個錯誤是他們不必要地在created和watch中調用方法。 其背后的想法是,我們希望在組件初始化后立即運行watch。
// 不好的做法 created: () { this.handleChange() }, methods: { handleChange() { // stuff happens } }, watch () { property() { this.handleChange() } }
但是,Vue為此提供了內置的解決方案,這是我們經常忘記的Vue watch屬性。
我們要做的就是稍微重組watch并聲明兩個屬性:
1.handler (newVal, oldVal)-
這是我們的watch方法本身。 2. immediate: true- 代表如果在 wacth 里聲明了之后,就會立即先去執行里面的handler方法,如果為 false就跟我們以前的效果一樣,不會在綁定的時候就執行
// 好的做法 methods: { handleChange() { // stuff happens } }, watch () { property { immediate: true handler() { this.handleChange() } } }
感謝各位的閱讀!關于“vue開發時不要在created和watch中調用方法”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。