Vue两个版本的区别
@ EatFog · Thursday, Dec 3, 2020 · 1 分钟阅读 · 更新于 Dec 3, 2020

vue.js存在着完整版与非完整版,他们两个版本有着不同的功能

vue.js与vue.runtime.js

vue.js存在着完整版与非完整版,其名字分别是vue.js与vue.runtime.js,他们两个的最大区别就是是否包含compiler。
compiler占了整个vue.js的40%空间,其主要功能就是把html代码编译成render函数,再渲染成HTML,所以完整版和非完整版相比,除了文件占用空间更大,其效率也不高。

template 和 render 怎么用

在完整版中,我们是用template来写视图

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

在非完整版中,我们是用render来写视图

    new Vue({
        el:'#app',
        render(h){
        return h("div",this.n)
        }
        data:{
        n:0
        }
    })

由上边两个示例我们可以得出,用完整版的template来写视图的开发体验好,但是在运行的时候是非完整版的用户体验好,于是我们就使用了vue-loader。在开发的时候,我们把template写在.vue文件里面,在打包的时候我们用vue-loader把template编译成render函数,这样就兼顾了开发体验和用户体验。(就是苦了电脑)

如何用 codesandbox.io 写 Vue 代码

现在用codesandbox.io建立项目要登录了,那看起来不能白嫖了,还是用vscode写vue项目吧。

自我介绍

Hi!我是蒋俊杰

你也可以叫我EatFog

这是我的第一个blog

社交链接