vue2 0和1 0的區別

2021-09-27 12:57:17 字數 1768 閱讀 3671

1.關於過濾器

2.0移除了自帶過濾器,但是保留了自定義過濾器的功能。以後想用過濾器可以自己定義

定義方法還是跟1.0相同 :vue.filter(『過濾器名字』,fn)

呼叫方法有些許差別:之前呼叫:} 現在呼叫:};

2.關於迴圈中重複資料的問題

1.0中用到的是 track-by="$(index)";

2.0中用到的是 :key=「***.id」 ***.id可以是任何代表唯一性的值

3.生命週期

1.0生命週期 解釋

init 元件剛剛被建立,但data、method等屬性還沒被計算出來

created 元件建立已經完成,但dom還沒被生成出來

beforecompile 模板編譯之前

compiled 模板編譯之後

ready 元件準備(平時用得較多)

attached 在 vm.el插

入到do

m時呼叫

deta

ched

在vm.

el 插入到dom時呼叫 detached 在 vm.

el插入到d

om時調

用det

ache

d在vm

.el 從 dom 中刪除時呼叫

beforedestory 元件銷毀之前

destoryed 元件銷毀之後

2.0的生命週期

週期 解釋

beforecreate 元件剛剛被建立,但data、method等屬性還沒被計算出來

created 元件建立已經完成,但dom還沒被生成出來

beforemount 模板編譯之前

mounted 模板編譯之後,元件準備

beforeupdate 元件更新之前(資料等變動的時候)

updated 元件更新之後(資料等變動的時候)

activated for keep-alive, 元件被啟用時呼叫

deactivated for keep-alive, 元件被移除時呼叫

beforedestory 元件銷毀之前

destoryed 元件銷毀之後

4.片段**

編寫template的時候,2.0必須要用乙個根元素(如div)將**片段包裹起來,否則報錯。

1.0

<

template

>

<

h3>

我是元件

>

<

strong

>

我是加粗標籤

<

/strong

>

<

/template

>

2.0<

templateid=

"aaa"

>

<

div>

<

h3>

我是元件

>

<

strong

>

我是加粗標籤

<

/strong

>

<

/div

>

<

/template

>

vue1 0和vue2 0的區別 一

今天我們來說一說vue1.0和vue2.0的主要變化有哪些 一.在每個元件模板,不在支援片段 vue1.0是 我是加粗標籤 vue2.0 必須有根元素,包裹住所有的 我是加粗標籤 二.關於元件定義 vue1.0定義元件的方式有 vue.extend 這種方式,在2.0裡面有,但是有一些改動 vue....

vue 1 0和vue 2 0的變化和區別

vue 1.0是 我是加粗標籤 複製 vue 2.0是 必須有根元素,包裹住所有的 aaa 我是加粗標籤 複製 vue1.0定義元件的方式有 vue.extend 這種方式,在2.0裡面有,但是有一些改動 vue.component 元件名稱,methods template 複製 vue2.0定義...

vue2 0和3 0的區別

proxy 物件用於建立乙個物件的 從而實現基本操作的攔截和自定義 如屬性查詢 賦值 列舉 函式呼叫等 vue2.0 var a object.defineproperty a,b 只能獲取到newvalue這個引數 vue3.0 var a var newa newproxy a,可以獲取到tar...