vue.js 和 vue.runtime.js 的区别

vue的两个版本

vue有两个版本分别是完整版和运行时版本，完整版拥有运行时版本的所有功能，因此完整版的体积会比运行时版本的体积要大。运行时版本不包含编译器,无法html进行解析，只能通过h函数进行解析,但是h函数写起来特别复杂，代码如下

render(h){
     return h('div', [this.n,h（'{on:{click:this.add}’,'+1'])
 }

这时可以使用vue-loader来处理 ,它来负责把 template 转换成 h 函数，实现即使用非完整版，也能按完整版的开发流程实现。

template的用法

<template>
  <div id="app">
    {{ n }}
    <button @click="add">+1</button>
  </div>
</template>

codesandbox.io的使用

首先进入CodeSandbox官网，点击右上角 Create Sandbox，选择需要创建的项目即可