mounted 與 methods 與 computed 與 watched區(qū)別

首先講一下vue的生命周期

beforecreate?: 舉個栗子:可以在這加個loading事件?

created?:在這結(jié)束loading,還做一些初始化,實(shí)現(xiàn)函數(shù)自執(zhí)行? ?(data數(shù)據(jù)已經(jīng)初始化 但是 dom結(jié)構(gòu)渲染完成 組件沒有加載)

mounted?: 在這發(fā)起后端請求,拿回數(shù)據(jù),配合路由鉤子做一些事情? (dom渲染完成 組件掛載完成 )

beforeDestroy: 你確認(rèn)刪除XX嗎?(簡單來說? 就是組件還存在)

?destroyed :當(dāng)前組件已被刪除,清空相關(guān)內(nèi)容? (組件已經(jīng)銷毀 )

所以說??mounted 是生命周期方法之一,會在對應(yīng)生命周期時執(zhí)行。

而? ?methods?是Vue實(shí)例對象上綁定的方法,供當(dāng)前Vue組件作用域內(nèi)使用,未調(diào)用不會執(zhí)行。

而?computed 是計算屬性? 屬性 method是 方法?

在使用時? ?computed函數(shù)直接使用??method需要加上()【如method()】來執(zhí)行?

computed計算的結(jié)果如果不發(fā)生改變就不會觸發(fā)。而methods中一般都是定義的需要事件觸發(fā)的一些函數(shù)。每次只要觸發(fā)事件,就會執(zhí)行對應(yīng)的方法。如果把computed中的方法寫到method中會浪費(fèi)性能。computed必須返回一個值頁面綁定的才能取得值,而methods中可以只執(zhí)行邏輯代碼,可以有返回值,也可以沒有。

對于watched 屬性 監(jiān)聽? 需要自己手動去寫監(jiān)聽的值? 會大大的浪費(fèi)一定性能去做監(jiān)聽這種事情 不像computed是自動的

---------------------

原文:https://blog.csdn.net/qinlulucsdn/article/details/80473382

版權(quán)聲明:本文為博主原創(chuàng)文章,轉(zhuǎn)載請附上博文鏈接!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一:什么是閉包?閉包的用處? (1)閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。在本質(zhì)上,閉包就 是將函數(shù)內(nèi)部和函數(shù)外...
    xuguibin閱讀 10,053評論 1 52
  • 33、JS中的本地存儲 把一些信息存儲在當(dāng)前瀏覽器指定域下的某一個地方(存儲到物理硬盤中)1、不能跨瀏覽器傳輸:在...
    萌妹撒閱讀 2,248評論 0 2
  • vue概述 在官方文檔中,有一句話對Vue的定位說的很明確:Vue.js 的核心是一個允許采用簡潔的模板語法來聲明...
    li4065閱讀 7,624評論 0 25
  • 從感性的角度講,我是不屑于用VUE,覺得react套件用起來更順手,但是vue現(xiàn)在越來火,所以也不得入vue(雜燴...
    zhoulujun閱讀 1,534評論 0 1
  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容,還有我對于 Vue 1.0 印象不深的內(nèi)容。關(guān)于...
    云之外閱讀 5,180評論 0 29

友情鏈接更多精彩內(nèi)容