Vue版本

Vue是目前前端三大框架之一，Vue是一个渐进式JavaScript框架，拥有易用，灵活以及高效的特点。Vue在国内比较流行

Vue的几个版本

使用Vue最简单的办法就是直接使用Script标签加载CDN上的资源，一般使用BootCDN

在BootCDN上查找Vue之后我们需要关注vue.js和vue.runtime.js，其中vue.runtime.js为非完整版本，压缩了40%JS代码，去掉了代码注释，减少了代码体积，我们默认使用这个版本，而vue.js为完整版本，相比于非完整版，它包含编译器，编译器可以用来将模板字符串编译为JavaScript渲染函数的代码

template和render的用法

当我们创建一个Vue实例对象时，我们可以传入一个template参数，该参数将会插入到Vue所对应的html元素中，实例代码：

<script scr="xxxx/vue.js"></script>
new Vue({
  el:"xxx",
  template:`<div>{{n}}<button @click="add"> +1</button></div>`,
  data:{
    n:0
      },
  methods:{
    add(){
      this.n+=1
        }
          }
        })

或者我们使用runtime版本，用render参数实现上述功能，实例代码：

<script scr="xxxx/vue.runtime.js"></script>
new Vue({
  el:"xxx",
  data:{
    n:0
      },
  methods:{
    add(){
      this.n+=1
        }
        },
    render(h){
        return h("div",[this.n,h("button",{on:{click:this.add}},"+1")])
}
})

其他

除了上面说的方法之外，我们还可以使用Codesandbox来创建在线的vue实例，点击Creat Sandbox然后选择Vue就可以在线编辑啦，编辑完成之后还可以下载代码