Vue,js update

Witam, jak w Vue.js dodać uzupełnianie pół formularza (value). Chwilowo rozwiązałem to w taki sposób ale myślę że nie jest to zbyt dobre a poza tym uzupełnione dane nikną po odświeżeniu strony

import {mapGetters} from 'vuex'
    export default {
        name: "EditArticle",
        data(){
            return{
                title: 'Edytuj',
                dataEditArticle: {
                    id: this.$route.params.id,
                    title: '',
                    article: '',
                    comment: '',
                    city: '',
                    description: '',
                    error: false
                }
            }
        },
        mounted(){
            this.dataEditArticle.title = this.article.article.title
            this.dataEditArticle.article = this.article.article.article
            this.dataEditArticle.comment = this.article.article.comment
            this.dataEditArticle.city = this.article.article.city
            this.dataEditArticle.description = this.article.article.description
        },
        computed:{
            ...mapGetters({
                article: 'article'
            })
        },
        created() {
            this.$store.dispatch('getArticle', this.$route.params.id)
        }

myślę że nie jest to zbyt dobre

Dlaczego?

poza tym uzupełnione dane nikną po odświeżeniu strony

Dlaczego miałyby być zapamiętywane?

Jeśli chcesz by zapamiętywały się to musisz napisać mechanizm który je zapisze w session storage lub local storage