深入理解完整版和运行时版vue两种区别?

146 阅读1分钟

一.vue完整版和vue非完整版的区别如下表格所示:

标题vue完整版vue非完整版评价
特点有compiler没有compilercompiler占40%体积
视图写在HTML里或者写在template里面写在render函数里用h来创建标签h是尤雨溪写好传给render的
cdn引入vue.jsvue.runtime.js文件名不同,生成环境后缀为min.js
webpack引入需要配置alias默认使用此版尤雨溪配置的
@vue/cli引入需要额外配置默认使用此版尤雨溪和蒋豪群配置的

二.总结:

最佳实践,总是使用非完整版,然后配合vue-loader和vue文件

思路:

  1. 保证用户体验,用户瞎子啊的JS文件体积更小,但只支持h函数
  2. 保证开发体验,开发者可直接在vue文件里写HTML标签,而不写h函数
  3. 脏活让loader做,vue-loader把vue文件里的HTML转为h函数