This talk takes a deep dive in the compilation process of Vue components and explains how to write a custom block processor. It also discovers some less known facts about SFCs. Watch more Vue conference talks 👉🏼 https://www.vuemastery.com/conferences Get your free Vue essentials cheat sheet 👉🏼 https://www.vuemastery.com/vue-cheat-sheet Explore Vue.js courses 👉🏼 https://www.vuemastery.com/courses Get in touch 👉🏼 team@vuemastery.com Tweet us 👉🏼 https://twitter.com/VueMastery 0:00 SFC Compilation 0:43 Compilation Process 1:25 Testable Components 2:25 What is an SFC? 3:29 Browsers don't understand SFC 3:14 Compilation Process 12:07 Testable Components 15:32 Handwriting Render Function 16:24 Summary