关于$attrs、$listeners 一点记录

遇到问题：el-dialog 中使用了这两个属性，想要单独传:titile 发现失效
解决思路：在网上找这两个熟悉是什么，看到一句解释

vm.$attrs 是一个属性，其包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。这些未识别的属性可以通过 v-bind="$attrs" 传入内部组件。未识别的事件可通过v-o

 n="$listeners"传入。

 不作为 prop 被识别，那直接作为prop 被识别传入的titile 是否就可控了；但 :title="previewTitle" 要写在v-bind="$attrs"前面才能生效

<template>
  <el-dialog
    :title="previewTitle"
    v-bind="$attrs"
    width="500px"
    :close-on-click-modal="false"
    :modal-append-to-body="false"
    v-on="$listeners"
    @open="onOpen"
    @close="onClose"
  >

  </el-dialog>
</template>
<script>

export default {

  props: ['jsonStr','previewTitle'],
}
</script>