如何在HBuilder中修改項(xiàng)目的JavaScript版本ES6
HBuilder是一個(gè)快速、方便的Web項(xiàng)目、APP項(xiàng)目編輯開(kāi)發(fā)工具,可以用來(lái)對(duì)APP進(jìn)行打包。如果在創(chuàng)建Web項(xiàng)目時(shí),選擇JavaScript版本是ES5,后來(lái)在編輯項(xiàng)目時(shí)需要切換到ES6,該如何操
HBuilder是一個(gè)快速、方便的Web項(xiàng)目、APP項(xiàng)目編輯開(kāi)發(fā)工具,可以用來(lái)對(duì)APP進(jìn)行打包。如果在創(chuàng)建Web項(xiàng)目時(shí),選擇JavaScript版本是ES5,后來(lái)在編輯項(xiàng)目時(shí)需要切換到ES6,該如何操作呢?下面利用一個(gè)實(shí)例說(shuō)明將Web項(xiàng)目的JavaScript版本切換到ES6,操作如下:
第一步:創(chuàng)建VueJS項(xiàng)目
首先打開(kāi)HBuilder工具,然后鼠標(biāo)右鍵新建Web項(xiàng)目VueJS,并注意引入Vue.js核心文件。
第二步:設(shè)置項(xiàng)目屬性
在項(xiàng)目文件夾上鼠標(biāo)右鍵,選擇“屬性”,點(diǎn)擊打開(kāi)項(xiàng)目屬性設(shè)置窗口。在左側(cè)菜單欄找到“語(yǔ)法amp;框架”,將JavaScript版本切換到ECMAScript6,然后點(diǎn)擊“應(yīng)用 -gt; 確定”。
第三步:創(chuàng)建HTML頁(yè)面
在VueJS項(xiàng)目里創(chuàng)建vue文件夾,并在這個(gè)文件夾里新建HTML5頁(yè)面。在靜態(tài)頁(yè)面中,引入vue.js,并在主體里插入div、span和button。
第四步:定義Vue.js對(duì)象并初始化
在lt;scriptgt;lt;/scriptgt;中定義vue.js對(duì)象,初始化vuejs函數(shù),并進(jìn)行傳值。在瀏覽器中查看效果。