Vue两个版本的区别和使用方法

在我们使用Vue的时候,有两个不同的版本,它们分别是Vue完整版(vue.js)和Vue非完整版(vue.runtime.js),这篇文章就来简单的介绍一下Vue两个版本的区别和使用方法。

Vue完整版

文件名:vue.js

优点:含有编译器,可以将视图直接写入html

缺点:文件体积较大,用户要下载很大的文件,体检较差

Vue非完整版

文件名:vue.runtime.js

优点:文件体积小,用户加载很快,体验较好

缺点:没有编译器,无法将html编译成视图,开发时需要将视图写到render函数里,对开发者来说不直观,体验较差

template和render

template:视图写在html或者vue中,使用方法为:

template: `

<div>Hello</div>

`

render:视图写在render函数里创建标签

new Vue({

 render (h) {

   return h('div', this.hi)

  }

})

如何快速开始开发

使用在线沙盒网站:https://codesandbox.io/

注意,使用时不要登录,因为登录后只能创建50个应用,但是不登录可以创建无数个

在沙盒中可以很快速地创建一个VUE应用,开发完成后可以导出到本地。

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容