How to solve [Vue warn]: Avoid mutating a prop directly since the value will be overwritten on vue.js 2?

Question

My view is like this :

    ...
        
    ...

         


        

Answer 1

You need to make the computed with a getter and a setter and then use $emit to update the prop e.g:

    computed: {
        starValue:{ 
            get:function () {
                return this.temp_value
            },
            set: function(newValue){
                // $emit is the correct way to update props:
                this.$emit('update:value', newValue);
            }
        }
    }