Vue学习笔记一：Vue的初见

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的使用方法

1. template 的作用是模板占位符，可帮助我们包裹元素。

2. 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