Vue.js和Vue.runtime.js区别浅析 Vue.js和Vue.runtime.js区别浅析

区别
HTML Compiler

template
render()

codesandbox.io

【Vue.js和Vue.runtime.js区别浅析】
区别

	Vue.js	Vue.runtime.js
体积	最大	比Vue.js小40%
功能	包含HTML Compiler	不含HTML Compiler
cdn引入	选择Vue.js	选择Vue.runtime.js

可见两者最大的区别就是：是否包含HTML Compiler

HTML Compiler HTML Compiler 顾名思义是编译 HTML 的工具。在Vue中，页面元素有两种修改方式，一种是通过template，另一种是通过render()函数

template

new Vue({el: "#app",template: `{{n}}`,});

render()

new Vue({el: "#app",render(h) {return h('div', this.n ); },});

这里的h相当于一个createElement函数*，它接受两个参数h(标签, content)，可以在页面中修改元素
*将 h 作为 createElement 的别名是 Vue 生态系统中的一个通用惯例，实际上也是 JSX 所要求的。

codesandbox.io 官方链接
通过codesandbox.io可以快速的创建一个项目。