IE で Vue を使用してデバッグする方法の詳細な説明

今回は IE で Vue を使用してデバッグする方法について詳しく説明します。注意点 とは何ですか。具体的な事例を紹介します。 。

問題が見つかりました

数日前に書いた Vue の一部が IE で空白になり、f12 を押すと script1003: expected : が表示されます。そこで今回の記事はこちらです...

解決プロセス

Baidu、Google、jsonの最後の項目に余分なカンマがあると言われています

{
 a: 5,
 b: 4, // 最后一项不能有逗号
}

すべてのjsファイルの取得と修正が表示されません、しかし状況はまだです。 。 。

他に方法がないので、無敵で賢明なデバッグ スキルを使用しました。全文に コメント を追加し、1 行ずつコメントを解除して、最終的にバグの場所を特定しました。カスタムの右クリックに問題があります。メニュー プラグイン (v-contextmenu)。 。 。

以前から賢明なデバッグスキルを続けて、ついにいくつかのバグを発見しました。 。 。

このプラグインでは、すべての オブジェクトの最後の項目にカンマがあるため、IE では互換性がありません

{
 a: 5,
 b: 4, // 这个逗号要删除
}

// ie下不支持这种语法
export default {
 bind() {}
}
// 必须在外面定义 function bind() {} 然后
export default {
 bind: bind
}
// 特别告诫，下面这种语法在ie中也是不支持的
export default {
 bind
}

最も重要なことは、このプラグインにはこれら 2 行のコードが非常に隠れた場所にあるということです

if(condition) {
 someArray.push({ a, b })
} else {
 anotherArray.push({ a, b })
}

そして { a, b } この構文は IE ではサポートされていないため、{ a: a, b: b } に変更する必要があります

この記事の事例を読んだ後は、この方法を習得したと思います。情報については、PHP 中国語 Web サイトの他の関連記事にも注目してください。

推奨読書:

jquery は要素プレーンの移動を実装します

Vue.js でのリスナーのユースケース分析について

以上がIE で Vue を使用してデバッグする方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。