详解vue 组件

Vue的两大核心 1. 数据驱动 – 数据驱动界面显示 2. 模块化 – 复用公共模块,组件实现模块化提供基础 组件基础 组件渲染过程 template —> ast(抽象语法树) —> render —> VDom(虚拟DOM) —> 真实的Dom —> 页面 Vue组件需要编译,编译过程可能发生在 打包过程 (使用vue文件编写) 运行时(将字符串赋值template字段,挂载到一个元素上并以其 DOM 内部的 HTML 作为模板) 对应的两种方式 runtime-only vs runtime-compiler runtime-only(默认) 打包时只包含运行时,因此体积更