如何使用Vue.js中的方法事件绑定计算两个数的和

 时间:2024-10-12 09:22:41

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

如何使用Vue.js中的方法事件绑定计算两个数的和

2、第二步,在<body></body>标签元素内插入一个div标签元玟姑岭箫素,定义div的ID属性,利用双大括号绑定数据sum,如下图所示:

如何使用Vue.js中的方法事件绑定计算两个数的和

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

如何使用Vue.js中的方法事件绑定计算两个数的和

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

如何使用Vue.js中的方法事件绑定计算两个数的和

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

如何使用Vue.js中的方法事件绑定计算两个数的和

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

如何使用Vue.js中的方法事件绑定计算两个数的和
  • 高中如何补英语
  • UC浏览器怎么开启3D Touch下启用Bigbang
  • 神都探奇中如何前往挖宝
  • 【快布】怎么准确、快速的找装饰布料?
  • 笑傲江湖外传攻略
  • 热门搜索
    昆明湖在哪里 玉门关在哪里 4个月宝宝发烧怎么办 云水谣在哪里 汽车过户费怎么算 肇庆学院怎么样 路由器连接 邮箱名字怎么起 如何实现人生价值 路由器怎么重置