Vue 的两个版本
Vue 有两个版本，一个是和非完整版。 （完整版的体积比非完整版大30%）
完整版：
- 有 compiler （编译器）
- 视图的内容写在 HTML 里面，或者 template 里面
- cdn 引入使用的是 vue.js 版本
- webpack 引入需要配置值 alias
- @vue/cli 引入需要额外的配置
非完整版：
- 没有 compiler （编译器）
- 视图的内容要写在 render 函数里面，用 h 来创建 HTML 的标签
- cdn 引入的是 vue.runtime.js 版本
- webpack 默认引入的是非完整版
- @vue/cli 默认引入的是非完整版
使用 vue 实例
方法一：
使用完整版 Vue，从 HTML 得到视图
方法二：
使用非完整版的 Vue，用 JS 构造视图，在 render 函数里面，用 h 来创建 HTML 的标签
方法三：
使用 vue-loader，可以新创建一个 vue 文件，文件写入 template（内容），script（元素，方法等），stlye（样式），然后在 JS 中引入这个 vue 文件，再使用 vue-loader 得到视图。缺点是 SEO 不友好。
<template>
<div id='app'></div>
</template>
<script>
export default {
data(){},
mathods:{}
}
</script>
import demo from './demo.vue'
new Vue({
el: '#app'
render(h){
return h(demo)
}
})
最佳实践：
总是使用非完整版，然后配合 vue-loader 和 vue 文件,既可以保证用户体验，用户下载的 JS 文件体积更小；又可以让开发者直接在 vue 文件里面写 HTML 标签，不需要写 h 函数。
