《深入理解Vue的两种版本》

168 阅读1分钟

一、Vue分为两个版本

一种是完整版的Vue——Vue.js

特点是包含compiler(编译器),编译器可以将template字符串编译成JS渲染函数的代码。视图都写在HTML上面或者写在template选项之中。在通过cdn引用的时候,以vue.js结尾,生产环境时使用vue.min.js结尾。若使用webpack引入,需要额外配置alias;若使用@vue/cli引入的话,需要额外的配置。

另一种是Vue非完整版,也叫运行时版本

特点是没有compiler(编译器),视图都是通过写在render函数里面,用h俩创建标签,h是尤雨溪写好传给render的。在通过cdn引入时,以vue.runtime.js结尾,生产环境时使用vue.runtime.min.js结尾。不论使用webpack还是@vue/cli引入,都已经由尤雨溪和蒋豪群配置好了,是默认状态。

二、template和render的用法

template和render的用法.PNG

三、如何使用codesandbox.io写Vue代码。

  1. 首先打开官网:codesandbox.io/, 不要点击signin 点击Create Sandbox;选择Vue;接下来就可以正常写代码了;写完之后,点击左上角的File——Export to zip 导出代码。

code1.PNG

code2.PNG

code3.jpg