使用Vue.js 2.0开发高交互Web应用.pdf

实践 如何使用 开发富交互式 应用 我是谁 钟恒 奇舞团前端工程师 声享开发者 提纲 架构 开发 填坑优化 架构难点 怎么办 架构需求 复用性高 易于维护 易于变更 团队合作 前端界现在怎么组件化呢？ 框架时代 框架对我们的开发方式有什么改变？ 数据绑定 new Vue({ template: input type number v-model num , data: { num : 0 } }) 结构划分 问题 复杂的软件必须有清晰合理的架构， 否则无法开发和维护。 什么是 数据驱动 读写分离 架构 好处 提纲 架构✔ 开发 填坑优化 组件化带来的新问题 通信 复用 耦合 组件通信 Vponent(child , { div props: [message ], input v-model parentMsg template: span{{ myMessage }}/span br }) child :message parentMsg/child /div 能双向传数据吗？ !-- 双向 prop 绑定 -- my-component :prop.sync someThing/my-component props: { callback: { type: Function, default: () {} } } my-component :callback setStyles/my-component