vue1.0和vue2.0區(qū)別（二）

wua_wua2012 發(fā)布于2019-08-20 17:15 / 1208人閱讀

摘要：生命周期鉤子函數(shù)沒有是無法進(jìn)行編譯的，初始化初始化完成編譯前編譯后首次加載獲取之前在方法后獲取數(shù)據(jù)官方推薦準(zhǔn)備好了銷毀前銷毀后強(qiáng)制讓實(shí)例小會(huì)，但是編譯后的數(shù)據(jù)不會(huì)銷毀手動(dòng)掛載沒有是無法進(jìn)行編譯的，初始化之前初始化完成掛載前掛載后首次加載獲取

生命周期（鉤子函數(shù)） 1.0

var vm = new Vue({
       el:"#app",//沒有el 是無法進(jìn)行編譯的
       data:{
         msg:"zf"
       }，
       init(){
         alert("初始化")
       },
       created(){
         alert("初始化完成")
       },
       beforeCompile(){
         alert("編譯前")
       },
       compiled(){
         alert("編譯后")
       },
       ready(){
         //首次加載獲取之前 在ready方法后獲取數(shù)據(jù) （官方推薦 ）
         alert("準(zhǔn)備好了")
       },
       beforeDestroy(){
         alert("銷毀前")
       },
       destroyed(){
         alert("銷毀后")
       }
    })

  vm.$destroy(); // 強(qiáng)制讓實(shí)例小會(huì)，但是編譯后的數(shù)據(jù)不會(huì)銷毀
    console.log(vm)
    vm.$mount("#app")//手動(dòng)掛載

2.0

  var vm = new Vue({
       el:"#app",//沒有el 是無法進(jìn)行編譯的
       data:{
         msg:"zf"
       }，
       beforeCreate(){
         alert("初始化之前")
       },
       created(){
         alert("初始化完成")
       },
       beforeMount(){
         alert("掛載前")
       },
       mounted(){
         alert("掛載后")
       },
       beforeUpdate(){
         //首次加載獲取之前 在ready方法后獲取數(shù)據(jù) （官方推薦 ）
         alert("修改前")
       },
       updated(){
         alert("修改后")
       },
       beforeDestroy(){
         alert("銷毀前")
       },
       destroyed(){
         alert("銷毀后")
       }
    })

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/83440.html

相關(guān)文章

vue1.0和vue2.0區(qū)別（一）

摘要：和區(qū)別二綁定一次已廢棄請(qǐng)使用綁定代碼寫法已廢棄請(qǐng)使用循環(huán)數(shù)組默認(rèn)通過進(jìn)行遍歷遍歷需加不加重復(fù)數(shù)據(jù)不綁定通過進(jìn)行遍歷蘋果橘子香蕉寫法已廢棄對(duì)象和已廢棄對(duì)象數(shù)組都可以進(jìn)行解構(gòu)賦值必須進(jìn)行定義，不然會(huì)報(bào)錯(cuò)事件按鈕香蕉蘋果橘 vue1.0和vue2.0區(qū)別（二）綁定一次 {{*msg}} {{msg}} vue2.0已廢棄請(qǐng)使用v-once 綁定html代碼 {{{msg}}}{{{msg...

chanthuang 2019-08-21 11:45 評(píng)論0 收藏0
Vue 筆記三：Vue2.0與1.0的區(qū)別

摘要：升級(jí)的區(qū)別與的斷層式升級(jí)不同，延續(xù)了自己的風(fēng)格。在命名方式和上有一些區(qū)別，掌握它們是你升級(jí)整個(gè)項(xiàng)目的關(guān)鍵。以下內(nèi)容都是來源于個(gè)人項(xiàng)目的一些經(jīng)驗(yàn)之談，并非系統(tǒng)性的闡述。總目錄前端經(jīng)驗(yàn)收集器轉(zhuǎn)載自個(gè)人建了前端學(xué)習(xí)群，旨在一起學(xué)習(xí)前端。升級(jí)的區(qū)別與angular的斷層式升級(jí)不同，vue延續(xù)了自己的風(fēng)格。在命名方式和API上有一些區(qū)別，掌握它們是你升級(jí)整個(gè)項(xiàng)目的關(guān)鍵。以下內(nèi)容都是來源于個(gè)人...

Big_fat_cat 2019-08-21 11:35 評(píng)論0 收藏0
Vue2.x踩坑與總結(jié)

摘要：年前就打算學(xué)習(xí)并總結(jié)一下，但是因?yàn)槟昵肮ぷ鞅容^多，所以進(jìn)展十分緩慢，現(xiàn)在終于學(xué)了一大部分，而且自己在學(xué)習(xí)開發(fā)中也踩了不少坑也總結(jié)了不少，所以將自己踩過的坑總結(jié)一下分享出來。因?yàn)樵陧?xiàng)目中使用了，所以對(duì)于也有一個(gè)踩坑總結(jié)，點(diǎn)擊鏈接。年前就打算學(xué)習(xí)并總結(jié)一下vue2.x，但是因?yàn)槟昵肮ぷ鞅容^多，所以進(jìn)展十分緩慢，現(xiàn)在終于學(xué)了一大部分，而且自己在學(xué)習(xí)開發(fā)中也踩了不少坑也總結(jié)了不少，所以將自己...

bovenson 2019-08-21 11:29 評(píng)論0 收藏0
踩坑：Vue2.0與1.0命名的區(qū)別

摘要：今天在中使用時(shí)，控制給了這個(gè)警告兩種解決辦法在里面添加代碼使用之前用的時(shí)候，都沒有這個(gè)警告，經(jīng)查閱相關(guān)資料得知升級(jí)后才會(huì)出現(xiàn)這個(gè)問題，這里涉及變量命名的問題，組件的名稱最好不要和原生標(biāo)簽相同。 There are only two things in Computer Sciences: cache invalidation and naming things. ---Phil Kar...

zhkai 2019-08-22 11:17 評(píng)論0 收藏0
Vue2.0中Filter的使用問題

摘要：里，不再有自帶的過濾器，需要自己定義過濾器在中內(nèi)置了幾種實(shí)用的過濾器函數(shù)如，但在中這些方法都被廢除了需要自己定義過濾器。所以我們需要進(jìn)行改寫標(biāo)題哈哈 vue2.0里，不再有自帶的過濾器，需要自己定義過濾器在 Vue1.0 中內(nèi)置了幾種實(shí)用的過濾器函數(shù)如 uppercase ，但在 Vue2.0 中這些方法都被廢除了需要自己定義過濾器。定義的方法：注冊(cè)一個(gè)自定義過濾器，它接收兩個(gè)參數(shù)...

why_rookie 2019-08-20 16:56 評(píng)論0 收藏0