Vuejs 计算属性
计算属性 (computed) 处理元数据,便于进行二次利用。(比如:消费税自动计算功能)
HTML:
<div id="myApp">
今年3月3日发卖的任天堂新一代主机Switch的价格是:{price}円,含税价格为:{priceInTax}円,折合人民币为:{priceChinaRMB}元。
</div>
以上补全花括号{{}}
JavaScript:
<script>
var myApp = new Vue({
el: '#myApp',
data: {
price: 29980
},
computed: {
priceInTax: function(){
return this.price * 1.08;
},
priceChinaRMB: function(){
return Math.round(this.priceInTax / 16.75);
},
},
});
</script>
更过用法请参考 计算属性 、小马视频 YouTube
关于极客返利
极客返利 是由我个人开发的一款网课返利、返现平台。包含 极客时间返现、拉勾教育返现、掘金小册返现、GitChat返现。目前仅包含这几个平台。后续如果有需要可以考虑其他平台。 简而言之就是:你买课,我返现。让你花更少的钱,就可以买到课程。
版权许可
本作品采用 知识共享署名 4.0 国际许可协议 进行许可。转载无需与我联系,但须注明出处,注明文章来源 Vuejs 计算属性
联系我
