１、两个版本对应的文件名

• Vue 完整版：vue.js
• Vue 不完整版：vue.runtime.js

2、两个版本的区别在哪里

• Vue 完整版：

  • 特点：有 compiler
  • 视图：写在 HTML 里或者写在 template 选项里
  • cdn 引入：vue.js
  • webpack 引入：需要配置 alias
  • @vue/cli 引入：需要额外配置

• Vue 不完整版：

  • 特点：没有 compiler
  • 视图：写在 render 函数里，用 h 来创建标签
  • cdn 引入：vue.runtime.js
  • webpack 引入：默认使用此版
  • @vue/cli 引入：默认使用此版

• 关于二者的评价：

  1. compiler 会增加 40% 的体积
  2. h 是尤雨溪写好传给 render 的
  3. 生成环境后缀应为 .min.js

3、如何使用 template 和 render

• template：

new Vue({
    el:'#app',
    template:`
        <div>{{n}}</div>
    `
})

• render：

import Demo from './Demo.vue'
new Vue({
    el:'app',
    render(h){
        return h(Demo)    //或者 return h('div',[this.n,h('button',{on:{click:this.add}},'+1')])
    }
})

4、如何用 codesandbox.io 写 Vue 代码

1. 打开网站：codesandbox.io/ （注意：不需要登陆）
2. 点击右上角的蓝色按钮：

3. 选择 Vue

4. 成功创建文件