ホームページ  >  記事  >  ウェブフロントエンド  >  typeof は vue では機能しません

typeof は vue では機能しません

下次还敢
下次还敢オリジナル
2024-05-07 10:36:151230ブラウズ

Vue のリアクティブ システムが変数をプロキシするため、typeof を使用して Vue で変数の型をチェックすると失敗する可能性があります。解決策には次のものが含まれます: 1. Vue.util.typeCheck を使用します。 2. Object.prototype.toString.call(myVariable) を使用します。 3. Babel のtransform-typeof-symbol プラグインを使用します。

typeof は vue では機能しません

typeof は Vue では無効です

Vue.js では、typeof 演算子を使用してくださいVue 独自のリアクティブ システムが変数をプロキシするため、変数の型のチェックが機能しない場合があります。

原因:

変数がリアクティブにプロキシされると、ラッパー オブジェクトに置き換えられます。このラッパー オブジェクトは変数へのアクセスをハイジャックし、値が変更されたときに自動的に更新をトリガーできるようにします。

#解決策:

Vue で変数の型を正しく確認するには、次のいずれかの方法を使用できます。

  • Vue.util.typeCheck の使用:
<code class="js">import { typeCheck } from 'vue/types/util'
typeCheck(myVariable) === 'Object' // true</code>
  • Object.prototype.toString.call(myVariable) の使用:
<code class="js">Object.prototype.toString.call(myVariable) === '[object Object]' // true</code>
  • Babel の transform-typeof-symbol プラグインを使用します:
このプラグインは、

typeof 演算子をより信頼性の高い代替演算子にコンパイルします。具体的な使用方法については、Babel のドキュメントを参照してください。

注:

    ##Vue.util.typeCheck
  • は、基本的な型 (Object、# など) のみをチェックできます。 ##Array および String)。 Object.prototype.toString.call(myVariable)
  • Vue 固有の型を含む、より広範囲の型をチェックできます。
  • Babel の transform-typeof-symbol
  • プラグインは、Babel 設定で有効にする必要があります。

以上がtypeof は vue では機能しませんの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。