在模板中表达式非常便利,但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑,应当使用计算属性。 1 <!DOCTYPE html> ...
在模板中表达式非常便利,但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 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
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。