Vue 两个版本的区别

Vue完整版和运行时版的区别

    // 完整版需要编译器
    new Vue({
        template: `,<div>{{hi}}</div>`
    })
    
    // 运行时版不需要编译器
    new Vue({
        render (h) {
            return h('div', this.hi)
        }
    })

对应的文件名

完整版

    <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.10/vue.js"></script>

运行时版

    <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.10/vue.min.js"></script>

推荐

使用非完整版，配合 vue-loader 和 vue 文件

思路：

• 保证用户体验，用户下载的 JS 文件体积更小，但只支持 h 函数
• 保证开发体验，开发者可直接在 vue 文件里写 HTML 标签，而 不写 h 函数
• 让 vue-loader 把 vue 文件里的 HTML 转为 h 函数

CodePen

• 不要登录（可以一直创建项目）
• 链接
• 创建 vue 项目
• 编辑