1、第一步，双击打开HBuilderX工具，新建静态页面并引入vue.js文件；然后在body标签中插入一个div标签，并在div标签中插入三个label和三个span，如下图所示：
2、第二步，分别在label标签和span标签中绑定不同的变量，接着对vue对象实例化，给六个撕良滤儆值进行赋值，如下图所示：
3、第三步，保存代码并直接打开浏览器预览效果，可以看到一个默认值，如下图所示：
4、第四步，再次在data下面添加computed方法，分别设置下面三个值，如下图所示：
5、第五步，结果浏览器控制台打印出提醒，提示三个新值的变量已经定义了，如下图所示：
6、第六步，将data方法中的return的三个新值赋值去掉，然后保存查看结果，如下图所示：
