vue 属性继承

说明

假如你传了多个属性给子组件, 但是有些属性你不会立即使用到, 而是继续传入给孙组件, 这会产生一些问题.

• 属性如果在子组件如果没有直接使用props接收会导致直接将属性渲染到HTML上
• 如果使用props接收了, 再传递给孙组件会显得很冗余.
  有没有好的方法解决这两个问题呢?

inheritAttrs

• 用法:

inheritAttrs: false

直接再组件添加这一选项即可. 从语义上就可以推出它的作用就是把多余的属性不必写到HTML.

this.$attrs

一个对象, 包含未被props接收的参数, 可以利用这个直接将参数传递给孙组件.

注:其实也没必要按这套规则,仅仅是多了一种方法