@okkkman

Как изменить вложенность компонентов?

Всем привет.

Возникла следующая ошибка:
[Vue warn]: Error in v-on handler: "TypeError: _vm.$root.test is not a function"

found in

---> <MainLayout> at src/components/Layout/MainLayout.vue
       <Category> at src/components/Posts/Category.vue
         <App> at src/components/App.vue
           <Root>


Суть в том, что я пытаюсь обратиться из компонентов к родительской функции, однако мой App компонент находится внутри MainLayout, что не есть хорошо.
Как мне инициализировать Vue, чтобы вложенность компонентов получилась следующей:
App > MainLayout > Category

main.js:
import './assets/scss/main.scss'

import Vue from 'vue'
import App from './components/App'
import router from './router'
import store from './store'
import axios from 'axios'

const vm = new Vue({
    router,
    store,
    render: h => h(App)
}).$mount('#app')


App.vue:
export default {
        name: "App",

        data() {
            return {}
        },
        methods: {
            test() {
                console.log('test')
            }
        }
    }
  • Вопрос задан
  • 60 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы