vue计算属性使用

• vue官网之计算属性

计算属性绑定后数据改变但页面无法刷新

• 和elementui结合使用
• 直接上代码(伪代码)

<div><el-input-number v-model.number="changeAmt"></el-input-number></div>
<script>
export default {
    data() {
        return {
            amt: 0,
        }
    },
    computed: {
        changeAmt: {
            set: function(val) {
                this.amt  = val ? val*10000 : 0
            },
            get: function() {
                return this.amt/(100*100)
            }
        }
    }
}
</script>

• 在一些地方修改this.amt的值时，应该页面中的changeAmt是可以直接修改的，因为changeAmt是依赖this.amt的值，会根据其值改变而改变，但这种写法却无法实现
• 后来才发现，是get方法中写法不对，需要写成return this.amt/10000就没问题，不知道原因，求大神告知