連想配列の絞り込み検索

環境　Nuxt v2.00　/ vuetify
静的なjson、Cardコンポーネントを任意のpages(filtered.vue)で読み込む。
propsでCardコンポーネント(Card.vue)にjsonデータを渡しつつ v-forで回し描画。

・やりたいこと：タグ検索機能を実装したいです。
　任意のボタン等を押すと、対応したカテゴリ、タグを持つexample.json内
データを絞り込みたいです。
例としては、インスタグラムのカテゴリ検索、ツイッターのタグ検索です。

・わからないこと：設計の段階から躓いています。
調べる限り computedに filterを作成し検索機能を実装するとありました。
しかしNuxt(Vue) + 下記のjson(連想配列？オブジェクト）用に上手く落とし込めません。
またより良いタグの付与方法等も模索しています。

なにかアドバイスをいただけませんでしょうか。
よろしくお願いします。

以下がコードです。

example.json　（オブジェクト？連想配列？）

[
　{"id": 1, "title": "test1", "tags":["tag1","tag2"]},
　{"id": 2, "title": "test2","tags":["tag2","tag4"]}
]

filtered.vue

//略
    <v-flex v-for="data in myjson":key="data.id">
        <card :items="data"> //別コンポーネントcardへpropsを渡す
         </card>
    </v-flex>

<script>
import json from '~/example.json'

export default {
    data() {
        return {
         myjson:json,
    };
  components: {
      card: Card,
  },
},
</script>

Card.vue( Vuetifyを用いたカードのコンポーネント）

//略
<script>
    export default {
  　    props: ["items"]
//略

参考にしたサイト
https://webman-japan.com/playground/vue-simple-filiter/
http://lifelog.main.jp/wordpress/?p=2557