Vue到了2 0以後有什麼變化

2021-09-28 16:20:00 字數 1504 閱讀 8578

在每個元件模板,不支援片段**

元件中模板:

現在:  必須有根元素,包裹所有的**

我是加粗標籤

關於元件定義

vue.extend 這種方式,在2.0裡面有,但是有一些改動,這種寫法,即使能用,也不用——廢棄

vue.component(元件名稱,

methods:{}

template:

});2.0推出乙個元件,簡潔定義方式:

var home=;

雖然不用vue.extend,但是還是用component

區域性的生命週期

之前:1.0版本

init–元件例項剛被建立(只是建立例項)

created–例項建立完成

beforecompile–模板編譯之前

compiled–模板編譯之後

ready -> mounted–新增資料

beforedestroy—銷毀之前

destroyed–銷毀之後

現在:2.0

beforecreate 元件例項剛剛被建立,屬性都沒有

created 例項已經建立完成,屬性已經繫結,但是dom還為繫結

beforemount 模板編譯之前

mounted 模板編譯之後,代替之前ready *

beforeupdate	元件更新之前

updated 元件更新完畢 *

beforedestroy 元件銷毀前-跟之前一樣

destroyed 元件銷毀後

迴圈1.0當中的迴圈新增重複資料需要track-by="$index"

2.0裡面預設就可以新增重複資料

去掉了隱式一些變數如:ind

ex

,index,

index,

key修改為下列寫法

arr.foreach(function(item,index){});

之前:v-for="(index,val) in array"—1.0預設index在前

現在:v-for="(val,index) in array"—2.0版本

json的迴圈

track-by="id"變成下面寫法—預設就可以新增重複資料

這句話的意思就是提審**的效能

自定義鍵盤指令

之前:vue.directive(『on』).keycodes.f1=17;

現在: vue.config.keycodes.ctrl=17

過濾器之前:

系統就自帶很多過濾}}

…limitby

filterby

…一些簡單功能,自己通過js實現

到了2.0, 內建過濾器,全部刪除了

json在1.0時需要過濾器,在2.0時不需要

自定義過濾器——還有

自定義過濾器傳參

之前: }—2.0不支援

現在: }

華為手機系統更新後有什麼大的變化?

我有乙個習慣,除了華為手機 包括榮耀 其他手機的系統更新一律無視,通過我的觀察,除了emui以外,miui flyme等等安卓系統,只要更新,系統流暢度就會差一點點,隨著不斷的更新,手機的流暢度將會受到很大影響,ios也有這個問題,簡單的說就是 越公升越卡 加入了一些手勢功能,指關節 分屏等等,這些...

vue2 0 監聽props vuex變化

首先在想要監聽的元件裡面 利用computed 注意 一定要return 這裡監聽乙個已經存在vuex裡面的liveheader值 computed 首先在想要監聽的元件裡面 利用watch 然後在這個函式裡面做你想要做的邏輯即可 將newvalue 賦值給 本元件的乙個變數liveheader w...

vue2 0路由變化1

路由的步驟 1.定義元件 var home var news 2.配置路由 const routes 3.生成路由例項 const router new vuerouter 量不大時二三步可以合併 4.掛到vue上 new vue vue2.0的改變 1.巢狀使用方式的改變 const routes...