你的位置:首页 > 软件开发 > Java > Vue#计算属性

Vue#计算属性

发布时间:2016-04-29 12:00:07
在模板中表达式非常便利,但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑,应当使用计算属性。 1 <!DOCTYPE html&gt ...

在模板中表达式非常便利,但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑,应当使用计算属性

 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4   <meta charset="UTF-8"> 5   <title>Document</title> 6   <script src='/images/loading.gif' data-original="https://cdn.jsdelivr.net/vue/latest/vue.js"></script> 7 </head> 8 <body> 9   <div id="app">10     a= {{a}},11     b={{b}},12     c={{c}}13   </div>14 <script>15   var vm=new Vue({16   el: '#app',17   data: {18     a:119   },20   computed:{21    b:function(){22    return this.a*201523    },24    c:function(){25   return this.b+this.a26    }27   }  28 });29   vm.a=2;30 </script>31 </body>32 </html>

原标题:Vue#计算属性

关键词:VUE

VUE
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。