Vue文件是通过以下几个步骤进行转化的:1、解析.vue文件;2、将模板编译成渲染函数;3、将脚本编译成JavaScript;4、将样式编译成CSS。 其中,第1步解析.vue文件是整个流程的基础,Vue文件会被解析成模板、脚本和样式三部分。然后,分别对这三部分进行编译,最终生成可以在浏览器中运行的JavaScript代码和样式。
一、解析.vue文件
-
解析.vue文件:
- Vue文件通常分为三部分:、
Vue文件是通过以下几个步骤进行转化的:1、解析.vue文件;2、将模板编译成渲染函数;3、将脚本编译成JavaScript;4、将样式编译成CSS。 其中,第1步解析.vue文件是整个流程的基础,Vue文件会被解析成模板、脚本和样式三部分。然后,分别对这三部分进行编译,最终生成可以在浏览器中运行的JavaScript代码和样式。
解析.vue文件: