Vue 两个版本

两个版本的差异

template 和 render

template以html的方式做渲染，render以js的方式做渲染。render里有一个函数h，这个h的作用是将单文件组件进行虚拟DOM的创建，然后再通过render进行解析。h就是createElement()方法：createElement(标签名称,属性配置,children)。template也是一种编译方式，但是template最终还是要通过render的方式再次进行编译。区别在于：

• render渲染方式可以让我们将js发挥到极致，因为render的方式其实是通过createElement()进行虚拟DOM的创建。逻辑性比较强，适合复杂的组件封装。
• template是类似于html一样的模板来进行组件的封装。
• render的性能比template的性能好很多
• render函数优先级大于template

快速写vue代码的一种方式

在codesandbox.io这个网站中选择vue项目，版本，直接就可以构建。还可以下载代码。除了vue之外，还可以写react等其他代码。