亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue的.vue文件是怎么run起來(lái)的(vue-loader)

 更新時(shí)間：2018年12月10日 07:54:02   作者：薛小白  
通過vue-loader，解析.vue文件，在webpack解析，拆解vue組件 ，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友參考下

引子：vue的.vue文件是怎么跑起來(lái)的？

　　　答：通過vue-loader，解析.vue文件，在webpack解析，拆解vue組件

1、vue-loader做了什么？

vue-loader是一個(gè)webpack加載器，這是vue組件的格式：

<template>
 ...
</template>
<script>
 ...
</script>
<style>
 ...
</style>

它可以把這樣的vue組件轉(zhuǎn)化為JS模塊，這其中最值得關(guān)注的是，它生成了 render function code

render function code
是從模板編譯而來(lái)（可以并且應(yīng)該預(yù)編譯）的組件核心渲染方法，
在每一次組件的 Render 過程中，
通過注入的數(shù)據(jù)執(zhí)行可生成虛擬 Dom

2、vue核心執(zhí)行過程

vue核心的執(zhí)行過程主要分為這幾個(gè)階段：

1） 編譯模板，
生成可復(fù)用的render function code，
這一步在vue實(shí)例的整個(gè)生命周期中只會(huì)執(zhí)行一次甚至零次，
因?yàn)槲覀兛梢栽诖虬臅r(shí)候可以預(yù)編譯
2） 生成watcher等核心渲染監(jiān)聽，
在整個(gè)vue實(shí)例的生命過程中持續(xù)發(fā)生著作用，
對(duì)view和modal進(jìn)行雙向綁定
3） 虛擬dom的diff比較，
當(dāng)watcher監(jiān)聽到data的變更的時(shí)候，
就會(huì)根據(jù)注入新的data執(zhí)行render function code，
生成新的虛擬dom，
跟老的虛擬dom（第一次執(zhí)行的時(shí)候可能為空）進(jìn)行diff比對(duì)，
不同的部分將寫入真實(shí)的dom

總結(jié)

以上所述是小編給大家介紹的vue的.vue文件是怎么run起來(lái)的(vue-loader) ，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評(píng)論