Vue内联模板无法查找方法或数据

Question

通常使用Vue作为Laravel开箱即用的解决方案，所以它只是“有效”。

我现在将它添加到WordPress版本中，但内联模板存在问题。

每一个看起来都很好，但它不会在mount方法中做任何事情，并且说任何数据或方法都是未定义的，几乎就像它没有正确加载组件一样。

这是基本的HTML：

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

标签-panels.js：

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

导入声明：

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

知道这可能会出错吗？普通单个文件.vue组件工作正常，但内容不可能。