1.Vue两个版本的区别
Vue分为 完整版 和 非完整版(runtime版) 两个版本
| Vue完整版 | Vue非完整版 | 评价 | |
|---|---|---|---|
| 特点 | 有compiler | 无compiler | compiler多占40%空间 |
| 视图 | 写在html里或者 写在template选项里 |
写在render(h)函数里 用h来创建标签 |
h是Vue写好传给render的 |
| cdn引入 | vue.js | vue.runtime.js | 文件名不同，生产版本的后缀都为.min.js |
| webpack引入 | 需要配置alias | 默认使用此版 | Vue作者尤雨溪配置的 |
| @vue/cli引入 | 需要额外配置 | 默认使用此版 | 尤雨溪、蒋豪群配置的 |
2.Vue的template与render的使用方法
-
template的作用是模板占位符，可帮助我们包裹元素。
<template>
<div id="app">{{n}}</div>
</template>
-
render是渲染函数，它可以代替template创建HTML元素，它比模板更接近编译器。
render(h){
return h('div',this.n)
}
3.用 codesandbox.io 写 Vue 代码
-
Step1
vue-box3.png -
Step2
vue-box2.png -
Step3
vue-box.png
