Vue：安装的更改值未传递到组件

Question

这是我的Vue主文件：

export default {
    name: 'app',
    components: {
        FormSelector,
    },
    data () {
        return {
            headerInfo: {
                issue: '',
                model: 'model-1'
            }
        }
    },
    mounted () {
        this.headerInfo = JSON.parse(localStorage.getItem('header'))
    },
    methods: {
        selectModel (model) {
            this.headerInfo.model = model
        },
    }
}

这就是我所说的组件：

<FormSelector @select="selectModel" v-bind:model="headerInfo.model"/>

在组件文件上，这是脚本：

export default {
    name: 'FormSelector',
    props: ['model'],
    data () {
        return {
            select: this.model,
        }
    },
    methods: {
        changeModel (e) {
            const model = (e.target.value)
            this.$emit('select', model)
        }
    }
}

我的问题是：从本地存储装入装载周期select数据时，如何更改headerInfo数据值？

这时，仅更改主文件上的headerInfo数据。