在Vue.js中，可以利用数据的双向绑定控制数据计算。通过在vue.js初始化方法内，声明data对象中的两个数据对象，然后利用computed对象函数计算两个数据的和。下面利用一个实例说明计算两个数据的和，操作如下：工具/原料moreVue.jsHTML5CSS3HBuilder截图工具浏览器方法/步骤1/6分步阅读

第一步，双击打开HBuilder编辑工具，新建静态页面compute.html，并引入vue.js，如下图所示：

2/6

第二步，在body/body标签元素内插入一个div标签元素，定义div的ID属性，利用双大括号绑定数据sum，如下图所示：

3/6

第三步，在div标签下方插入script/script，并在里面编写vue.js代码，声明两个数，添加计算函数，如下图所示：

4/6

第四步，保存代码并在浏览器中预览结果，结果发现两个数据没有相加，而是直接拼接到一起了，如下图所示：

5/6

第五步，将data对象的one和two对应的值改为数值型，保存代码，如下图所示：

6/6

第六步，再次在浏览器中查看效果，结果可以看到两个数据相加求和，如下图所示：

注意事项

注意在Vue.js声明两个数据

注意Vue.js计算和的函数定义

CSS3HTML5计算求和指令