Vue为什么要谨慎使用$attrs与$listeners

前言 在 Vue 开发过程中，如遇到祖先组件需要传值到孙子组件时，需要在儿子组件接收 props ，然后再传递给孙子组件，通过使用 v-bind=$attrs 则会带来极大的便利，但同时也会有一些隐患在其中。 隐患 先来看一个例子： 父组件： { template: ` <div> &lt;input type=text v-model=input placeholder=please input&gt; <test test=test> </div> `, data() { return { input: '', test: '1111', };