在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ vuejs源碼問(wèn)題

vuejs源碼問(wèn)題

看vuejs源碼,這段代碼有點(diǎn)看不懂,請(qǐng)大佬幫忙釋義一下,謝謝!
代碼在Vue.js v2.5.16源碼的第7653-7661行
var startClass = isAppear && appearClass

? appearClass
: enterClass;

var activeClass = isAppear && appearActiveClass

? appearActiveClass
: enterActiveClass;

var toClass = isAppear && appearToClass

? appearToClass
: enterToClass;

這里的isAppear是什么含義?這段三元操作符的代碼整體的是實(shí)現(xiàn)什么樣的功能?

回答
編輯回答
你的瞳

&& 操作符有一個(gè)特性,就是前面的如果為true,則返回后面的,前面的為false,則返回前面的,
在console下測(cè)試

var isAppear 
var appearClass ="appearClass"
var startClass = isAppear && appearClass //undefined

isAppear ='isAppear'
var startClass = isAppear && appearClass //"appearClass"

isAppear =false
var startClass = isAppear && appearClass //"false"

var isAppear = !context._isMounted || !vnode.isRootInsert;
判斷這個(gè)實(shí)例是否是已經(jīng)掛載或者是否作為跟節(jié)點(diǎn)插入,當(dāng)兩個(gè)都為true的時(shí)候,isAppear為false,這樣后面startClass、activeClass、toClass就都是enter開頭的類,控制組件的css過(guò)渡。

2018年6月17日 23:08
編輯回答
空白格

dist目錄下的代碼是打包過(guò)后的,看源碼還是看src目錄下的代碼比較好,上面代碼對(duì)應(yīng)文檔參考vue的官方文檔https://cn.vuejs.org/v2/guide...

2017年8月29日 12:55