如何在HBuilder中修改项目的JavaScript版本ES6
HBuilder是一个快速、方便的Web项目、APP项目编辑开发工具,可以用来对APP进行打包。如果在创建Web项目时,选择JavaScript版本是ES5,后来在编辑项目时需要切换到ES6,该如何操
HBuilder是一个快速、方便的Web项目、APP项目编辑开发工具,可以用来对APP进行打包。如果在创建Web项目时,选择JavaScript版本是ES5,后来在编辑项目时需要切换到ES6,该如何操作呢?下面利用一个实例说明将Web项目的JavaScript版本切换到ES6,操作如下:
第一步:创建VueJS项目
首先打开HBuilder工具,然后鼠标右键新建Web项目VueJS,并注意引入Vue.js核心文件。
第二步:设置项目属性
在项目文件夹上鼠标右键,选择“属性”,点击打开项目属性设置窗口。在左侧菜单栏找到“语法amp;框架”,将JavaScript版本切换到ECMAScript6,然后点击“应用 -gt; 确定”。
第三步:创建HTML页面
在VueJS项目里创建vue文件夹,并在这个文件夹里新建HTML5页面。在静态页面中,引入vue.js,并在主体里插入div、span和button。
第四步:定义Vue.js对象并初始化
在lt;scriptgt;lt;/scriptgt;中定义vue.js对象,初始化vuejs函数,并进行传值。在浏览器中查看效果。