levchak0910

v-bind:is должно быть:

the name of a registered component, or
a component’s options object

docs
-----

Vue.component("parent", {
    template:`
        <div>
            <menu-avtr @change-tab="onChangeTab"></menu-avtr> 
            <component :is="componentName"></component>
        </div>
    `,
    data: () => ({
        componentName: "form-inp",
    }),
    methods: {
        onChangeTab(name) {
            this.componentName = name; 
        },
    },
});
Vue.component("menu-avtr", {
    data: function() {
      return {
        punktsMenuAvtr: [ {text: 'Вход', tabs: "inp"}, {text: 'Регистрация', tabs: "reg"} ],
        currentTab: "inp"
      }
    },
    template: '<menu><li v-for="punkt in punktsMenuAvtr" @click="setTab(punkt.tabs)" v-bind:data-active=" currentTab === punkt.tabs ? true : false ">{{ punkt.text }}</li></menu>',
    methods: {
        setTab(tab) {
            this.currentTab = tab;
            this.$emit("change-tab", `form-${tab}`)
        },
    },
  });

Причина номер раз - козлиные имена переменных, свойств объектов и т.д.

Лютый плюс.
pr_title ? taskname ? showPro ?
Eще вариант, без компонента.

v-model="disease_history.doctor.id"
или
:value="user"

2. ну стрелочные функции же, потеря контекста options: (options) => {

Позвольте познакомить Вас с интерцепторами)
В Вашем случае

axios.interceptors.request.use(function (config) {
    const userToken = localStorage.getItem('user-token');
    if(userToken) config.headers["Authorization"] = `JWT ${userToken}`;
    return config;
});

Используйте vue-axios, чтобы не импортировать axios каждый раз