ホームページ >ウェブフロントエンド >Vue.js >vue.js は IE9 をサポートしていますか?

vue.js は IE9 をサポートしていますか?

藏色散人
藏色散人オリジナル
2020-12-08 09:24:482992ブラウズ

vue.js は ie9 をサポートします。ie ブラウザのバージョン互換性に関する Vue の公式説明は「ie9」であり、ie9 以降のバージョンを意味します。テスト後、Vue のコア フレームワーク vuejs 自体とエコロジーすべての公式コアがサポートされます。 ie9でもプラグインは普通に使えます。

vue.js は IE9 をサポートしていますか?

#この記事の動作環境: Windows 7 システム、Dell G3 コンピューター、vue2.0。

推奨: 「vue チュートリアル

Vue の IE ブラウザ バージョンの互換性に関する公式の説明は ie9 (ie9 以降) です。テストの結果、Vue のコア フレームワーク vuejs 自体と、エコシステムの公式コア プラグイン (VueRouter、Vuex など) が IE9 で正常に使用できるようになりました。

Vue 作者 You Yuxi による Vue の学習に関する提案では、プロジェクトをより優れたエコロジー/エンジニアリングにするためには、新しい ECMAScript 仕様を可能な限り学習して使用する必要があると述べられています。

現在、ES6/ES2015は使いやすさと安定性が高く、ドキュメントも充実した規格となっており、中国ではRuan Yifeng氏の「ECMAScript 6入門」が多くのドキュメント翻訳を行っており、開発環境は充実しています。完成したと言われています。

ただし、古いブラウザ、特に IE ブラウザは es6 仕様をサポートしておらず、最新バージョンの IE11 でさえ es6 仕様を完全にはサポートしていません。これには、ES6 機能をネイティブにサポートしていないすべてのブラウザに対する互換性処理が必要です。

ES6 互換

ie9 環境では、es6 の新しいオブジェクトと式の一部がサポートされていません。解決策は、es6 コードを次のように変換できる babel-polyfill コンポーネントを使用することです。下位バージョンのブラウザで認識できる es5 コード

npm i babel-polyfill --save-dev

インストール完了後、プロジェクトのメイン エントリ ファイル main.js の最初の行で直接参照できます

import 'babel-polyfill';

を使用しますvue-cli を使用してプロジェクト内に生成します。 コードでは、ルート ディレクトリに .babelrc ファイルがあります。これは、プロジェクトが babel を使用するための構成ファイルです。デフォルトで生成されたテンプレート コンテンツに、"useBuiltIns": "entry" の設定コンテンツを追加します。これは、ポリフィル (互換性) が必要なコンテンツを指定する設定です。

#useBuiltIns には 3 つの設定オプションがあります

false - 何もしません

##ES6/7/8 などの使用の場合は、コード内で使用されているポリフィルのみを読み込みます

エントリに設定することをお勧めします。

##コンテンツは次のとおりです:

{
 "presets": [
 [
  "env",
  {
  "modules": false,
  "useBuiltIns": "entry"
  }
 ],
 "stage-3"
 ]
}

これらのコードを追加すると、プロジェクト内のほとんどのコンテンツは ie9 バージョンと互換性があります

以上がvue.js は IE9 をサポートしていますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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