vuejs3 - デバイスタイプに関して、2 つの異なるビューをレンダリングする必要がある場合に、モバイルデバイスを検出する VueJ の方法

Question

デバイス タイプに関して、グリッド ビューに表示する要素の数を変更する必要があります。モバイル ビューとデスクトップ ビューの場合。私は非常に多くの提案を経験しました

• デバイスの画面サイズを確認する
• デバイスの種類を確認する

そして最後に、メソッド内のデバイスタイプをチェックすることになりました。

methods: {
  isMobile() {
    if (screen.width <= 760) {
      return true
    } else {
      return false
    }
  },
},

isMobile() メソッドを使用して、各デバイスの条件を定義しました。私の質問は、ブール値のみを返すため、この isMobile() メソッドを計算されたプロパティとしてどのように使用できるかです。そして、偶数リスナーなしでこのように使用しても大丈夫ですか。今のところうまくいっているからです。しかし、私は VueJ が初めてなので、より統合されたソリューションを探しています。前もって感謝します。