[Vuejs]-Why can't this component access its props data?

by

0👍

Components should have only one root element

<div id="app">
    <div>
      <row-component v-for="(row, index) in rows" :row-data="row" v-on:delete-row="deleteThisRow(index)"></row-component>
    </div>
</div>

<script id="theRow" type="x-template">
    <div>
          row component: {{rowData}}
          <button @click="$emit('delete-row')">Delete3</button>
  </div>
</script>

See the working fiddle

Leave a comment