模板內(nèi)的表達(dá)式常用于簡(jiǎn)單的運(yùn)算球昨,當(dāng)其過長(zhǎng)或者邏輯復(fù)雜時(shí),會(huì)難以維護(hù),這時(shí)應(yīng)該使用Vue的計(jì)算屬性來解決這個(gè)問題略号。
示例代碼
<template>
<div>
{{cleared}}
</div>
</template>
<script>
export default {
name: "Computed",
data() {
return {
msg: "Hello ,computed ,!"
};
},
computed: {
cleared: function() {
return this.msg.split(",").join('');
}
}
};
</script>
每一個(gè)計(jì)算屬性都包含了一個(gè)getter和一個(gè)setter官觅。大部分情況我們只用到getter纵菌。