當前位置：
首頁 >
vue教程2-03 vue计算属性的使用 computed
發布時間：2025/7/14
55
豆豆
生活随笔
收集整理的這篇文章主要介紹了
vue教程2-03 vue计算属性的使用 computed
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
vue教程2-03 vue計算屬性的使用 computed
computed:{b:function(){ //默認調用getreturn 值}}--------------------------computed:{b:{get:set:}}* computed里面可以放置一些業務邏輯代碼，一定記得return?
?
?
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title></title><style></style><script src="vue.js"></script><script></script> </head> <body><div id="box">a => {{a}}<br>b => {{b}}</div><script>var vm=new Vue({el:'#box',data:{a:1},computed:{b:{//業務邏輯代碼,b的值完全取決于return回來的值get:function(){return this.a+2;//默認調用get },set:function(val){this.a=val;}}}});document.onclick=function(){vm.b=10;//相當于set函數傳入val=10 };</script> </body> </html>?
總結
以上是生活随笔為你收集整理的vue教程2-03 vue计算属性的使用 computed的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 大型企业云化2.0的深度思考与展望
- 下一篇： 基于vue的移动web app页面缓存解