浅析vue

795 阅读1分钟

vue有不同的版本分别是完整版和简版

完整版 vue.js是包含非完整版的,优点是有编译器,可以使用template,缺点是比非完整版大了30%。

非完整版 vue.runtime.js的优点在于体积小,不过没有编译器,需要手写render函数,可通过render函数接收h参数,由h参数处理代码并渲染。

template是内容模板元素

<template> 
  <div> 
     <child1 :level='level'>我是标题</child1> 
  </div>
</template>

render接收参数h,h从vue传出

new Vue({
   render(h){
   return h('div'+this.level)
}
});

codesandbox.io 写 Vue 代码

  1. 首先点击代码沙盒链接
  2. 点击右上角的Create Sandbox
  3. 选择vue可线上或者下载到本地