vue进阶第1期：插槽的后备内容
以button组件为例，我们可能希望这个<button>内绝大多数情况下都渲染文本“Submit。
为了将“Submit”作为后备内容，我们可以将它放在 <slot> 标签内：
<button type="submit">
<slot>Submit</slot>
</button>
现在当我在一个父级组件中使用 <submit-button> 并且不提供任何插槽内容时：
<submit-button></submit-button>
则后备内容将默认渲染为Submit，
若父级组件中有内容：
<submit-button>Save</submit-button>
则后备内容将覆盖默认的Submit，渲染为Save
vue进阶第2期：JavaScript数字自定义位数补零
是否有遇到过需要将5变成005类似的需求，以下方法便可轻松解决
function PrefixInteger(num, n) {
return (Array(n).join(0) + num).slice(-n);
}
console.log(PrefixInteger(5,3))
vue进阶第3期：Vue单向数据流
所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外改变父级组件的状态，从而导致你的应用的数据流向难以理解。
额外的，每次父级组件发生更新时，子组件中所有的 prop 都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变 prop。如果你这样做了，Vue 会在浏览器的控制台中发出警告。
- 注意在 JavaScript中对象和数组是通过引用传入的，所以对于一个数组或对象类型的 prop 来说，在子组件中改变这个对象或数组本身将会影响到父组件的状态。
