尽量减少 data 中的数据，data 中的数据都会增加 getter 和 setter，会收集对应的 watcherv-if 和 v-for 不能连用, v-for的优先级比v-if高，一起使用会造成性能浪费如果需要使用 v-for 给每项元素绑定事件时使用事件代理SPA 页面采用 keep-alive 缓存组件在更多的情况下，使用 v-if 替代 v-showkey 保证唯一使用路由懒加载、异

在混合应用开发中，一种常见且成熟的技术方案是将原生应用与 WebView 结合，使得复杂的业务逻辑可以通过网页技术实现。实现这种类型的混合应用时，就需要解决H5与Native之间的双向通信。JSBridge 是一种在混合应用中实现 Web 和原生代码之间通信的重要机制。

虚拟 dom 本质上就是一个普通的 JS 对象，用于描述视图的界面结构 在vue中，每个组件都有一个render函数，每个render函数都会返回一个虚拟 dom 树，这也就意味着每个组件都对应一棵虚拟 DOM 树

1. 事件委托:* 将多个子元素(li)的事件监听委托给父辈元素(ul)处理* 监听回调是加在了父辈元素上* 当操作任何一个子元素(li)时, 事件会冒泡到父辈元素(ul)* 父辈元素不会直接处理事件, 而是根据event.target得到发生事件的子元素(li), 通过这个子元素调用事件回调函数2. 使用事件委托的好处* 添加新的子元素, 自动有事件响应处理* 减少事件监听的数量: n==&gt