前端 - 钟恒《Vue.js实践：使用Vue2.0开发富交互WEB应用》.pdfVIP

Vue.js实践 如何使用Vue2.0开发富交互式W EB应用 | 我是谁 钟恒 360奇舞团前端工程师  | 提纲 1. 架构 2. 开发 3. 填坑优化 | 架构难点 | 怎么办 前端界现在怎么组件化呢？ | 框架时代 框架对我们的开发方式有什么改变？ | 数据绑定 new Vue({ template: input type number v-model num , data: { num : 0 } }) 双向数据流较单向数据流难以维护 | UI结构划分 组件数目过多 单组件过重 复用性高 易于维护 易于变更        团队合作 不便于更改 复杂的软件必须有清晰合理的架构， 否则无法开发和维护。 | 什么是MVV M | 数据驱动 | 读写分离 | 架构 V ESSEL CONT ROL CONFIG USER PLUGIN STAT E 业务逻辑 CONFIG STAT E PLUGIN 交互逻辑 CONT ROL 页面布局 V ESSEL 展示逻辑 PLUGIN | 好处 保留了双向绑定 易于编写交互 数据驱动 易于开发 主业务读写分离 易于维护 业务、交互、 易于更迭 展示、布局分离 | 提纲 1. 架构 ✔ 一个MVV M式的组件化架构 2. 开发 组件多 组件重 3. 填坑优化 多组件间如何通信？ | Vue.js提供的通信方式 | props Vponent(child , { div props: [message ], input v-model parentMsg template: span{{ myMessage }}/span br })