Vue 两个版本的区别

Vue两个版本的区别

我们在学习使用Vue的时候，可以引入“Vue完整版”和“Vue非完整版”这两个版本，我们来通过下面的表格来具体看看这两个版本的不同之处。

最佳实践：总是使用非完整版，然后配合vue-loader和vue文件
思路：1保证用户体验，用户下载js文件体积更小，但是只支持H函数。
2保证开发体验，开发者可以直接在vue文件里写HTML标签，而不写h函数。
3.脏活给loader做，vue-loader把vue文件里的HTML转为h函数。

template 和 render 怎么用

• template

<template>
    <div id="app">      
        {{n}}
        <button @click="add">+1</button>   
   </div> 
</template>

• render render函数接收一个参数h,这个参数是vue传的，用这个参数去创建实例

render(h){ 
     return h('div', [this.n,h（'{on:{click:this.add}’,'+1'])
 }

用 codesandbox.io 写 Vue 代码

给大家推荐一个写Vue代码一个在线的网站codesandbox.io/ 注意！使用这个网站的时候不要登录，因为登录新建项目就会有次数限制，只要我不登录就能无限创建项目

在这上面创建的的项目还可以打包下载到本地