Vuejsはアンドロイドの低バージョン、ios 9に対して.x互換性のないES 6構文による失効解決方法

Vuejsはアンドロイドの低バージョン、ios 9に対して.x互換性のないES 6構文による失効解決方法

解決方法:ES 6回転ES 5

cdn導入形態

cli足場

解決方法:ES 6回転ES 5
cdn導入形態
3点:vueを正常に作成し、scriptタイプtype=「text/babel」を修正し、browserを導入する.min.jsはいくつかのAPIが変換しない場合にpolyfillを使用する.min.js

通常作成vue注意タイプ変更:type=「text/babel」

<script type="text/babel" src="my.js">
// 
<script type="text/babel">
    var main = new Vue({
        el: '#main',
        data: {}
        })
</script>

はbrowserを導入する.min.js、念のためpolyfill.min.js

<script type="text/javascript" src="./js/browser.min.js"></script>
<script type="text/javascript" src="./js/polyfill.min.js"></script>

ダウンロードbrowser.min.js+polyfill.min.js
cli足場
1.babel-polyfillのインストール

npm install babel-polyfill --save-dev

2.注入ウェブパックを修正する.base.conf.js

module.export ={
		entry:{
			app:['babel-polyfill','./src/main.js']
		}
	}

他のネットユーザーの解決方法を記録します(試したことがなくて、後で試します):
babel-cliを使用してes 6をes 5に変換する.es 5を再参照する.https://www.cnblogs.com/w-s-l123/p/9729133.html具体的な流れ:1:プロジェクトに入る2:変換するjsファイルを見つけます.(scriptラベルに書かれている場合は、抽出します.そうしないと変換できません)3:Babelのインストール:npm install-g babel-cli//-gはnodejsの下にグローバルにインストールされているディレクトリを示します4:Babelの変換プラグインをプロジェクトのディレクトリにインストール:npm install babel-preset-es 2015--save 5:手動変換コマンドを実行:babel es 6.js(変換する)--out-file es 5.js(変換後)--presets es 2015 6:変換後のjsを参照する.7:OK、完璧に解決.最適化:コードを変更するたびに手動で変換するのが面倒な場合は、自動リスニングのパラメータを追加します:-w---------:babel es 6.js -w --out-file es5.js --presets es2015