vue 底层

runtime

1. runtime-compiler (vue1.0)

• Vue 程序运行过程 template–>ast(虚拟语法树)–>render(渲染)–>vdom(虚拟 dom)–>UI(实际页面)

2. runtime-only (vue2.0)

所有 vue 组件中的 template 都被 vue-template-compiler(这个包脚手架都自带了) 编译为了 render 函数

• Vue 程序运行过程 render –> vdom  –> UI
• 性能更高
• 下面的代码更少

render 函数

**普通用法  **

_** createElement('标签/组件'，{标签的属性},['标签的内容',createElement('套娃')]) \_

**传入组件  **

_     *\_createElement(组件)*

render: function(createElement){
  return createElement('普通用法' || '传入组件')
}

---

究极写法：

** **