Bom dia.

Você está usando qual versão do Vue? Vi uma série de componentes que não parecem ser padrões do Vue? Viu se é algum bug nesses componentes ou versão do Vue?

Acredito que isto esteja acontecendo porque você está mudando o valor da prop diretamente.

Lembre-se que todas as props no Vue 2 sãoone-way, ou seja, Pai para Filho.

Quando você altera o valor da prop no componente Filho, o componente Pai não irá receber esta atualização.

Não sei como está o seu conhecimento eu Vue, então vou dar duas dicas bem básicas.

Opção - 1

this.$emit: Ao realizar alguma alteração diretamente na props, será necessário enviar um evento para o componente Pai dizendo que houve alterações.

Exemplo:

      this.meuNome = 'Max'
      this.$emit('resetarNome', this.meuNome)

No componente Pai você irá receber através da diretiva v-on. Exemplo:

            <div class="col-xs-12 col-sm-6">
                <app-user-detail
                :meuNome="nome"
                @resetarNome="nome = $event">
                </app-user-detail>
            </div>

Opção - 2

Componente Filho - UserDetail

<template>
    <div class="component">
        <p>user Name: {{ meuNome }}</p>
        <button @click="resetFn()">Resetar Nome</button>
    </div>
</template>

export default {
  props: {
    meuNome: {
      type: String
    },
    resetFn: Function
  },
};

Componente Pai

<template>
            <div class="col-xs-12 col-sm-6">
                <button @click="mudarNome">Mudar seu nome</button>
                <app-user-detail
                :meuNome="nome"
                :resetFn="resetarNome">
                </app-user-detail>
            </div>
</template>

  export default {
    data() {
      return {
        name: 'Mathews',
      }
    },
    methods: {
      mudarNome() {
        this.name = 'Anna'
      },
      resetarNome() {
        this.name = 'Mathews'
      }
    },
    components: {
      appUserDetail: UserDetail
    }
  }

OBS: Parece que você está usando Vuetify. Verifique a versão que você está usando e tente buscar alguns exemplos para saber se é algum BUG da versão utilizada.

Valeu Pessoal pela ajuda!!!

Então, Sou novo em Vue 2.0 e tentado aprender as boas práticas do Javascript.

E realmente estava implementando da forma errada, tentando mudar diretamente o valor da prop, estava entrando em conflito.

O Mathews deu uma dica essencial usar o

this.$emit

Resolveu a parada, lógico que ainda acho que estou fazendo gambiarra, não entendi o que está acontecendo nos meus métodos,

Ficou assim

App.vue

<template>
  <v-app light>


    <dr-navigation :loggedIn="$store.state.isUserLoggedIn" :drawer= "drawer" >
    </dr-navigation>

  </v-app>
</template>
<script>
  import Navigation from '@/components/Shared/Navigation'
  export default {
    components: {
      'dr-navigation': Navigation,
    },
    data() {
      return {
        drawer: true,
      }
    },
    methods: {
      onLogout() {
        this.$store.dispatch('setToken', null)
        this.$store.dispatch('setUser', null)
        this.$router.push({
          name: 'login'
        })
      },
    }
  }
</script>

Navigation.vue

<template>
    <v-navigation-drawer v-if="loggedIn" fixed :mini-variant="true" :clipped="false" v-model="drawerFlag" class="secondary" app>
      <v-list class="primary">
        <v-list-tile v-for="(item, i) in items" :key="i" value="true">
          <v-list-tile-action>
            <v-icon style="color:#fff;" light v-html="item.icon"></v-icon>
          </v-list-tile-action>
          <v-list-tile-content>
            <v-list-tile-title style="color:#fff;" v-text="item.title"></v-list-tile-title>
          </v-list-tile-content>
        </v-list-tile>
      </v-list>
    </v-navigation-drawer>
</template>
<script>
export default {
  props: [
    'loggedIn',
    'drawer'
  ],
    data() {
      return {
        drawer: true,
        items: [{
          icon: 'library_add',
          title: 'Biblioteca'
        }],
      }
    },

    computed: {
      drawerFlag: {
        get: function() {
          return this.drawer
        },
        set: function(val) {
          this.$emit('emitterdrawer', val)
        }
      }
    },
}
</script>

Criei um método drawerFlag em computed nele eu pego a propriedade drawger , passando em set o $emit nesse formato, não sei explicar o que aconteceu, porque no primeiro parametro do emit onde passo a string, pode ser qualquer nome ali, mas resolveu, não estou recebendo mais o erro no console.

Valeu Flávio, Valeu Mathews sua dica foi essencial.