Vue 两个版本的区别

142 阅读1分钟

vuede两个版本

1.运行时 + 编译器

文件名为vue.js 完整版使用

new Vue({
  template: '<div>{{ hi }}</div>'
})

2.只包含运行时

文件名为vue.runtime.js 只包含运行时版本使用

new Vue({
  render (h) {
    return h('div', this.hi)
  }
})

完整版就像是我们去农家乐,商家提供原始食材和刀具.如果我们要做菜需要用刀具处理好原始食材才能煮.而只包含运行时就像商家直接提供处理好的食材不提供刀具了,我们要做菜直接煮就可以了.因为不用提供刀具所以"只包含运行时版"比"完整版"轻量.

codesandbox.io创建vue项目简易教程

首先登入网址codesandbox.io/s/

点击红圈中的vue图标


点击file后再点击export to zip下载文件.文件下载后解压.


进入文件夹后按住shift加鼠标右键点击选择在此处打开命令窗口 运行npm install安装好后运行 npm run serve之后登入提示的网址就可以浏览项目了.