溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
引子：vue的.vue文件是怎么跑起來的？
答：通過vue-loader，解析.vue文件，在webpack解析，拆解vue組件
1、vue-loader做了什么？
vue-loader是一個webpack加載器，這是vue組件的格式：
<template> ... </template> <script> ... </script> <style> ... </style>
它可以把這樣的vue組件轉化為JS模塊，這其中最值得關注的是，它生成了 render function code
render function code
是從模板編譯而來（可以并且應該預編譯）的組件核心渲染方法，
在每一次組件的 Render 過程中，
通過注入的數據執行可生成虛擬 Dom
2、vue核心執行過程
vue核心的執行過程主要分為這幾個階段：
1） 編譯模板，
生成可復用的render function code，
這一步在vue實例的整個生命周期中只會執行一次甚至零次，
因為我們可以在打包的時候可以預編譯
2） 生成watcher等核心渲染監聽，
在整個vue實例的生命過程中持續發生著作用，
對view和modal進行雙向綁定
3） 虛擬dom的diff比較，
當watcher監聽到data的變更的時候，
就會根據注入新的data執行render function code，
生成新的虛擬dom，
跟老的虛擬dom（第一次執行的時候可能為空）進行diff比對，
不同的部分將寫入真實的dom
總結
以上所述是小編給大家介紹的vue的.vue文件是怎么run起來的(vue-loader) ，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
