正在回答
2回答
同学你好,不是的,computed中定义的数据也是全局的,与data中的数据一样,它也是可以在其他方法中,使用"this."获取的,如下:
祝学习愉快!
好帮手慕久久
2020-09-03 14:58:53
同学你好,问题解答如下:
当我们使用的某个变量,是根据data中的数据或者props中的数据,计算而来时,则需要使用computed属性,比如下面这个例子:
代码如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>demo1</title> <script type="text/javascript" src="vue.js"></script> <style> </style> </head> <body> <div id="app"> <button v-on:click="BtnClick">提交</button> {{words}} </div> <script> let vueApp = new Vue({ el: '#app', data: { num:0, /*已经提交了几次*/ total:10 /*总共可以提交几次*/ }, computed:{ //页面上 要显示 “还可以提交XX次” words:function (){ return "还可以提交"+(this.total-this.num)+"次" } }, methods: { BtnClick: function() { if(this.num==this.total){ //提交了10次后,就不再对num执行加操作了 return } this.num++ } } }) </script> </body> </html>
同学可以试下效果。
如果我的回答帮到了你,欢迎采纳,祝学习愉快!
4.Vue与React高级框架开发
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理,通过ES6基础知识和前端主流高级框架的学习,助你快速构建企业级移动webAPP应用,进入职场的终极battle
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星