如果使用传统的引入方式（src），则编译时间发生在组件第一次加载时，这称之为运行时编译。再提一嘴，第1步非常耗时。
如果是在vue-cli的默认配置下，编译发生在打包时，这称之为模板预编译。
编译是一个极其耗费性能的操作，预编译可以有效的提高运行时的性能，而且，由于运行的时候已不需要编译，vue-cli在打包时会排除掉vue中的compile模块，以减少打包体积
如果上面不写模板template
会报错，但是你可以在vue.config.js配置
module.export={runtimeCompiler:true}
不建议，会加入编译内容，使内容变多。（再提一嘴esbuild和vite加速打包，？没用过）
模板的存在，仅仅是为了让开发人员更加方便的书写界面代码
vue最终运行的时候，最终需要的是render函数，而不是模板，因此，模板中的各种语法，在虚拟dom中都是不存在的，它们都会变成虚拟dom的配置
等同于
案例：自动生成目录
现在需要制作一个组件，该组件可以根据其插槽中的内容，自动生成一个目录。
到此这篇关于关于Vue虚拟dom问题的文章就介绍到这了,更多相关Vue虚拟dom内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家
您可能感兴趣的文章: