以页面<div v-if>{{n}}</div>中n的变化为例

完整版渲染机制

• <div v-if>{{n}}</div>为字符串,不能直接转化成html，因为含有复杂语法，占位符等，html不能识别

• 编译器将字符串编译成DOM节点，操作页面的变化

• 最终用户端：编译器+代码

非完整版渲染机制

• webpack通过vue-loader将代码直接翻译成Vue非完整版的函数h，在此之前已经完成了编译
• 最终用户端：h函数+vue不完整版

总结

1. Vue完整版由于在用户端内置了编译器，所以用户端的体积较大
2. Vue不完整版由于在用户端之前已经完成编译，所以用户端体积较小