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

chanthuang 發(fā)布于2019-08-21 11:45 / 2212人閱讀

摘要：和區(qū)別二綁定一次已廢棄請使用綁定代碼寫法已廢棄請使用循環(huán)數(shù)組默認通過進行遍歷遍歷需加不加重復數(shù)據(jù)不綁定通過進行遍歷蘋果橘子香蕉寫法已廢棄對象和已廢棄對象數(shù)組都可以進行解構賦值必須進行定義，不然會報錯事件按鈕香蕉蘋果橘

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

綁定一次

{{*msg}}
{{msg}}

vue2.0已廢棄請使用v-once

綁定html代碼

{{{msg}}}

{{{msg}}}寫法vue2.0已廢棄,請使用v-html

循環(huán)v-for 數(shù)組

1.0默認通過value進行遍歷(key,value),遍歷需加track-by="$index"(不加重復數(shù)據(jù)不綁定)

2.0通過key進行遍歷(value,key)

data:{
  arr:["蘋果","橘子","香蕉"]
}

  
      {{value}} {{$index}}

{{{$index}}}寫法vue2.0已廢棄

對象

data:{
    json:{name:"zfpx"}
}

    {{value}}

{{$key}}和{{$index}}vue2.0已廢棄
對象數(shù)組都可以進行解構賦值

  v-for = "(val,index) in arr"
// 2.0 必須進行定義，不然會報錯

事件v-on



    
       {{value}}
    

var vue = new Vue({
    el:"#box",
    data:{
        json:["香蕉","蘋果","橘子"]
    },
    methods:{
        addFruit(event){
            this.json.push("蘋果");
        }
    }
});

v-on:click簡寫@click 2.0支持

執(zhí)行方法時加上()事件源默認不傳遞，需要手動傳入$event

methods中的this永遠指向Vue的實例

顯示/隱藏

v-show 如果為false時通過css樣式將元素隱藏 (display:none/block)

v-if 如果為false時移除DOM節(jié)點(removeChild)

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

轉載請注明本文地址：http://www.ezyhdfw.cn/yun/87071.html

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

摘要：生命周期鉤子函數(shù)沒有是無法進行編譯的，初始化初始化完成編譯前編譯后首次加載獲取之前在方法后獲取數(shù)據(jù)官方推薦準備好了銷毀前銷毀后強制讓實例小會，但是編譯后的數(shù)據(jù)不會銷毀手動掛載沒有是無法進行編譯的，初始化之前初始化完成掛載前掛載后首次加載獲取生命周期（鉤子函數(shù)） 1.0 var vm = new Vue({ el:#app,//沒有el 是無法進行編譯的 d...

wua_wua2012 2019-08-20 17:15 評論0 收藏0
Vue2.x踩坑與總結

摘要：年前就打算學習并總結一下，但是因為年前工作比較多，所以進展十分緩慢，現(xiàn)在終于學了一大部分，而且自己在學習開發(fā)中也踩了不少坑也總結了不少，所以將自己踩過的坑總結一下分享出來。因為在項目中使用了，所以對于也有一個踩坑總結，點擊鏈接。年前就打算學習并總結一下vue2.x，但是因為年前工作比較多，所以進展十分緩慢，現(xiàn)在終于學了一大部分，而且自己在學習開發(fā)中也踩了不少坑也總結了不少，所以將自己...

bovenson 2019-08-21 11:29 評論0 收藏0
Vue 筆記三：Vue2.0與1.0的區(qū)別

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

Big_fat_cat 2019-08-21 11:35 評論0 收藏0
踩坑：Vue2.0與1.0命名的區(qū)別

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

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

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

why_rookie 2019-08-20 16:56 評論0 收藏0