VUE 父组件向子组件传递参数

VUE中 父组件向子组件传递参数比较简单 使用props就可以了

MissionList 是父组件    MissionListOverviewPanel是子组件

---

父组件代码：在引用子组件的标签的属性里用【:属性名】的方式，如:title

        <missionList-overview-panel
          corner-text="正在进行"
          :title=row.entity.NAME
          :style="panelStyle(row.index)"
          :checked.sync="checkedArray[row.index]"
          @onCheck="showPopup(row.entity)"
          @onError="showPopup(row.entity)"
        />

---

子组件代码：在子组件里使用props

export default {
  name: 'MissionListOverviewPanel',
  props: {
    title: {
      type: String,
      default: '',
    },
  },
  data() {
  },
  methods: {
  },
},

如果该参数在标签内使用 ： {{ 参数名 }} 如：{{ title }}

<div class="title-panel">{{ title }}</div>

如果该参数在标签属性中使用 ：:属性名=“参数名” 如：:id="title"

<div class="title-panel" :id="title"></div>