最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

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

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

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

　　　答：通過(guò)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 過(guò)程中，
通過(guò)注入的數(shù)據(jù)執(zhí)行可生成虛擬 Dom

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

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

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

總結(jié)

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

相關(guān)文章

最新評(píng)論

博罗县| 新乐市| 清新县| 庆城县| 小金县| 台州市| 东乡族自治县| 凤山县| 清丰县| 宁晋县| 商水县| 绥化市| 景洪市| 根河市| 广宁县| 花莲市| 武夷山市| 乌苏市| 黄浦区| 华蓥市| 台南县| 章丘市| 肇庆市| 仙桃市| 辰溪县| 沙雅县| 探索| 正阳县| 长宁县| 仙桃市| 方山县| 无锡市| 宣城市| 荥阳市| 茶陵县| 桦南县| 乌拉特前旗| 胶州市| 沭阳县| 呈贡县| 西华县|