Vue进阶

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 来讲，在子组件中改变这个对象或数组自己将会影响到父组件的状态。

vue进阶第4期：css基础，下图须要几个div

答案：1个