Vue 인라인 템플릿이 메서드 또는 데이터를 찾을 수 없음

Vue 인라인 템플릿이 메서드 또는 데이터를 찾을 수 없음

보통 Vue를 Larabel과 함께 바로 사용할 수 있는 솔루션으로 사용하기 때문에 '작동'만 할 수 있습니다.

WordPress 빌드에 추가하고 있는데 인라인 템플릿에 문제가 있습니다.

모든 것이 정상으로 보이지만 마운트된 방식으로는 아무것도 수행되지 않으며 데이터 또는 메서드가 정의되어 있지 않으며 컴포넌트를 올바르게 로드하지 않는 것을 거의 좋아합니다.

기본 HTML은 다음과 같습니다.

<tabbed-panels class="component tabPanels" inline-template>
    <div>
        <div class="tabPanels__controls-control" v-on:click="changeTab(1)"></div>
    </div>
</tabbed-panels>

tabbed-timeout.syslog:

export default {
    data() {
        return {
            activeTab: null
        }
    },
    methods: {
        changeTab(id) {
            this.activeTab = id;
        }
    },
    ready() {
        console.log('foo');
    } 
}

Import 스테이트먼트:

Vue.component('tabbed-panels', require('./tabbed-panels.js'));

이 일이 어디서 잘못되고 있는지 아세요?일반적인 싱글 파일 .vue 컴포넌트는 정상적으로 동작하지만 콘텐츠에는 사용할 수 없습니다.

언급URL : https://stackoverflow.com/questions/48189020/vue-inline-template-not-finding-methods-or-data