1、第一步，打开HBuilder工具，然后鼠标右键新建Web项目VueJS，注意引入Vue.js核心文件，如下图所示：
2、第二步，在项目文件夹上鼠标右键，选择“属性”，点击打开项目属性设置窗口，如下图所示：
3、第三步，在左侧菜单栏找到“语法&框架”，将JavaScript版本切换到ECMAScript6，然后点击“应用--->确定”，如下图所示：
4、第四步，在VueJS项目里创建vue文件夹，并在这个文件夹里新建HTML5页面vueone.html，如下图所示：
5、第五步，在vueone.html静态页面，引入vue.js，并在主体里插入div、span和button，如下图所示：
6、第六步，在<script></script>定义vue.js对象，初始化vuejs函数，并进行传值；在浏览器中查看效果，如下图所示：
