Vue.jsのcomputedで引数を受ける

たまに使うので忘備録として残します。

書き方

// 引数を取らない
const dataList = computed(() => {})

// 引数を取る
const dataList = computed(() => (arg) => {})

呼び方

呼び方は引数を取るからと言って何か変わる訳でも制限がある訳でもなく、普通のcomputedと同じ、computed内で呼んでもいいし、v-for内で呼んでもOK

const data = computed(() => dataList.value(arg))

<div v-for="a in ARRAY">
  {{ dataList(a) }} 
</div>