title: VueJS: Use v-model and :value in the same time
body: <p>I'am searching a way to use <code>v-model</code> and <code>:value</code> in same time on the same object.</p>
  
  <p>I got this error: </p>
  
  <blockquote>
    <p><code>:value="user.firstName"</code> conflicts with <code>v-model</code> on the same element
    because the latter already expands to a value binding internally.</p>
  </blockquote>
  
  <p>The purpose is to set as default value the value get from the <code>mapGetters</code> (coming from one store) and to set the right value when the user will submit the modification. (in <code>onSubmit</code>)</p>
  
  <pre class="lang-vue prettyprint-override"><code>&lt;div class="form-group m-form__group row"&gt;
      &lt;label for="example-text-input" class="col-2 col-form-label"&gt;
          {{ $t("firstname") }}
      &lt;/label&gt;
      &lt;div class="col-7"&gt;
          &lt;input class="form-control m-input" type="text" v-model="firstname" :value="user.firstName"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;script&gt;
  import { mapGetters, mapActions } from 'vuex';
  
  export default {
      data () {
          return {
              lang: "",
              firstname: ""
          }
      },
      computed: mapGetters([
          'user'
      ]),
      methods: {
          ...mapActions([
              'updateUserProfile'
          ]),
          onChangeLanguage () {
              this.$i18n.locale = lang;
          },
          // Function called when user click on the "Save changes" btn
          onSubmit () {
              console.log('Component(Profile)::onSaveChanges() - called');
              const userData = {
                  firstName: this.firstname
              }
              console.log('Component(Profile)::onSaveChanges() - called', userData);
              //this.updateUserProfile(userData);
          },
          // Function called when user click on the "Cancel" btn
          onCancel () {
              console.log('Component(Profile)::onCancel() - called');
              this.$router.go(-1);
          }
      }
  }
  &lt;/script&gt;
  </code></pre>