Vue

优势：性能更好，体积更小，更好的ts支持，更好的代码组织和逻辑抽离，更多新功能 起项目：https://cn.vuejs.org/guide/quick-start.html#creating-a-v

组件化mvvm 新旧组件化方式对比：新方法不用手动操作dom，将重心放在业务层 数据驱动视图 mvvm：model view viewModel 响应式 Object.defineProperty(t

概述 toB系统推荐hash，toC可考虑history,需要后端支持 路由模式 hash(默认) history(手动配置+后端支持) hash模式 核心：window.onhashchange 特

初次渲染过程 开发环境，vue-loader会将template解析为render函数 触发响应式，监听data属性getter setter 执行render函数生成vnode,通过patch(el

vue模板template在静态html上新增了指令，插值，js表达式等，将html转为js代码片段。开发过程中用render代替template with语法 with会改变{}内自由变量查找方式，

vdom 什么是vdom? 描述真实dom结构的js对象，结构如下： tag/sel标签，props/data{节点属性:类名 样式 事件}，children{子元素} 虚拟dom的类库：snabbd

现象：data变化会立即触发视图更新，视图view点击后会更新data中的数据 核心：Object.defineProperty(target,key,desc)，data中的数据都添加get set