完整版

1. 有compiler
2. 视图是写在html/template里，可直接引用
   eg

<div id="app">
  {{ message }}
</div>
<script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>
<script>
  var app = new Vue({
    el: "#app",
    data: {
      message: "Hello Vue!"
    }
  });
</script>

这是官方给的，直接html中拿到

3. cdn引用，后面是vue.js，生成环境中是vue.min.js，不仅没有注释而且所有变量都缩减
4. webpack，@vue/cli都不可直接引用，要配置

非完整版

1. 无compiler,体积减小30%
2. 视图写在render函数中，用h来创建标签
   eg，这样就可以h函数拿到

<div id="app"></div>
<script src="https://cdn.bootcss.com/vue/2.6.10/vue.runtime.js"></script>
<script>
  var app = new Vue({
    el: "#app",
    data: {
      message: "Hello Vue!"
    },
    render(h) {
      return h("div", this.message);
    }
  });
</script>

3. cd引用是vue.runtime.js,生成环境中是vue.runtime.min.js，不仅没有注释而且所有变量都缩减
4. webpack，@vue/cli都可直接引用

现在多用非完整版

原因

1. 用非完整版配合vue-loader+vue单文件，可以保证用户体验，其只支持h函数，用户下载的体积减小
2. 保证开发体验，在开发的时候可以把vue单文件中直接写html，再用loader转换，变成h函数

SEO优化（搜索引擎优化）

这是个明日黄花，了解就好，因为就算你写的再好也不如花钱

SEO原理

实际上，SEO就是不断的curl，通过结果去判断页面内容，但是如果用非完整是h函数，无法分辨

优化思路

把title，description，keyword，h，a都写好，让curl可以获得关键信息