摘要：
生态都是官方提供的，不用纠结于选型。 数据是单向的 一份数据在多个组件中的使用。下图EFI同时都要展示userName。它还可能被用户修改，修改之后其他组件也要去同步的修改。 那么userName怎么管理，最简单的方式是在共同的父节点去管理这份数据。也就是下图的A里面。这种通过属性的传递的方式非常脆 阅读全文
摘要：
问题7 输入停止后上面的值才会发生变化 用了一个setTimeout 问题8 我们需要两个属性，秒杀开始时间，秒杀结束时间 moment是对时间做格式化的一个库 修改开始时间和结束时间 可以点击立即购买 参加过就不能再点击了。 这个组件主要的难点就是我们如何做时间的校验，因为我们做时间计时，是取的用 阅读全文
摘要：
具体的还是使用了Object.defineProperty的API 看代码 input框在输入后会触发修改this.info.name的行为， 在父组件里面，我们之生命了info这个对象。这个info里面有没有这个name字段，我们是不知道的。并没有声明name的key 现在依然在子组件内成功的修改 阅读全文
摘要：
看demo 最终生成的html 通过属性控制level jsx的写法 手写render函数的形式 通过函数式组件渲染jsx的标签。 最终都是编译成CreateElement 课后习题 结束 阅读全文
摘要：
跨层级的获取组件实例 如果是普通的元素，ref="p"获取的是真实的dom元素，如果是自定义组件，那么获取到的就是这个组件的实例了。 this.$ref.XXXX可以获取当前组件上下文的实例。如果说要获取跨层级的组件的实例？那就很不方便了。 如果要获取父组件的，可以通过parent.refs. 获取 阅读全文
摘要：
平时开发用到的不多，但是如果你开发底层的一些通用组件的话，这是一个使用频率相当高的特性。 它主要解决的问题是组件之间通讯的问题。 i节点要和B节点通信，通常是使用属性的传递。i节点通过一个属性传递给b节点。b节点要和i节点通信也是通过this.$.emit去和i节点通讯。 如果i节点要和E节点通讯的 阅读全文
摘要：
如果你经常使用Template语法的话，那你会经常用到指令。如果你使用的render或者jsx的话，指令可能就显得没那么常用了。 指令的demo，这是14种指令罗列出来的。 指令会把子元素下面的所有内容替换掉。 v-html内最终也会替换hello world。最终会变成span标签。开发时候不建议 阅读全文
摘要：
创建和销毁只会执行一次，更新阶段会执行多次。 demo 刷新页面控制台的输出，声明周期的几个步骤 点击按钮，按钮内容变成停止。 控制台一直在输出 点击了销毁时钟 点击开始的执行事件 外层的销毁 销毁的事件 函数式组件 借助函数式组件来实现模板中做临时变量这样一个事情。在vue的模板中是没有提供临时变 阅读全文