vue有着完整的组件化开发机制，但是官网只给了开发的方式，对于开发规范以及组件化开发的最佳实践，还需要我们来摸索。本文就平时开发中的经验来谈谈“把握边界”和“状态驱动”这两个话题。
边界把握
边界把握其实很好理解。在模块化编程中，我们通常要定义好一个模块的功能边界，做什么，不做什么，从外部接收什么，向外部提供什么。在vue的组件化系统之下，这些问题又更具体一些，需要我们细细把握。
划分业务逻辑
这个原则适用于任何模块化开发，一个组件要负责哪些业务，在开始写之初就应该非常明确，否则边界就容易模糊了。举个例子，页面上有个弹出层，里面会显示用户名。那么在弹出层组件中，需要有username这样一个数据吗？
很显然是不需要的。弹出层的任务就是：弹出、关闭、显示内容。至于是什么内容，组件并不需要关心。所以我们顶多会定义一个通用的content字段，或者干脆用slot。
组件简单了尚且容易把握，当业务较复杂的时候就需要好好斟酌了，这是个基本思维。
父子通信的注意点
这个话题想必大家不陌生，你甚至可以朗朗上口的背出来：父通过props传递数据给子，子通过emit发送消息给父。这有什么好说的呢？
props容易忽略的问题在于，当父组件传递一个对象给子组件时，这个传递就不再是“单向”的。因为子组件拿到的是一个引用，当子组件修改了该对象上的属性值，父组件的数据也会相应变化。数据流就变成了双向的，子组件是不应该直接修改父组件的数据的。所以我们要在props中只传递简单值。对象、数组这样的引用类型要避免传递。
为了保证props传递的数据类型，推荐在定义props的时候写明类型和默认值：
延伸阅读
学习是年轻人改变自己的最好方式