App.vue

<template>
  <div id="app">
    <form id="search">
      Search <input name="query" v-model="searchQuery">
    </form>
    <qrcode-table
      :data="gridData"
      :columns="gridColumns"
      :filter-key="searchQuery">
    </qrcode-table>
  </div>
</template>

<script>
import QrcodeTable from './Table.vue'
export default {
  name: 'app',
  components: {
    QrcodeTable
  },
  data: () => ({
    searchQuery: '',
    gridColumns: ['name', 'power'],
    gridData: [
      { name: 'Chuck Norris', power: Infinity },
      { name: 'Bruce Lee', power: 9000 },
      { name: 'Jackie Chan', power: 7000 },
      { name: 'Jet Li', power: 8000 }
    ]
  })
}
</script>