两个版本

完整版:https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.min.js
非完整版:https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.runtime.min.js
image.png

template和render

vue完整版 template的使用方法:直接写在Html上或者JS上

  1. <template>
  2. <div id="app">
  3. {{n}}
  4. <button @click="add">+1</button>
  5. </div>
  6. </template>

vue非完整版 render的使用方法:
render函数接收一个参数h,这个参数是vue传的;用这个参数去创建实例

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

用codesandbox 写 Vue

create sandbox=>Vue
image.png