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

目录 区别 HTML Compiler template render() codesandbox.io

区别

  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: `
   <div>{{n}}</div>
  `,
});

render()

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

这里的 h 相当于一个 createElement 函数*，它接受两个参数h(标签, content)，可以在页面中修改元素

*将 h 作为 createElement 的别名是 Vue 生态系统中的一个通用惯例，实际上也是 JSX 所要求的。

codesandbox.io

官方链接

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

选择Create Sandbox 选择Vue（目前只有Vue3） 稍等片刻环境便会加载好了 实际就是一个在线的VScode

以上就是Vue.js和Vue.runtime.js区别浅析的详细内容，更多关于Vue.js与Vue.runtime.js区别的资料请关注其它相关文章！

查看更多关于Vue.js和Vue.runtime.js区别浅析的详细内容...