解決vue在ie中不能使用的問題

安裝配置

(1)咱們能夠到其發佈頁上(點擊跳轉)將 babel.js 或 babel.min.js 下載下來,並在頁面上引用。html

1git

<script src="babel.min.js"></script>github


(2)也能夠直接引用在線版的地址babel

1測試

<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>spa

 

測試樣例

(1)這裏咱們仍是使用 ES6 的 let 和 const 這兩個新特性爲例。注意:雖然咱們的 ES6 腳本也是放在 script 標籤之中,可是要註明 type="text/babel"code

1htm

2blog

3ip

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <title>hangge.com</title>

    <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

    <script type="text/babel">

      for (let i=0; i<5; i++) {

        console.log('sm')

      }

      console.log(i) // Error: i is not defined

 

      const fix = {}

      fix.some = 'sm'

      console.log(fix.some) // sm

    </script>

  </head>

  <body>

  </body>

</html>


(2)訪問頁面,能夠看到 ES6 代碼已經自動被轉換成 ES5 的了。

原文:JS - Babel使用詳解1(基本介紹、使用babel-standalone實現ES6在線轉換)

相關文章
相關標籤/搜索