Javascript 在刀片服务器中定义vuejs组件 @extends（'layouts.app'）） @第节（“正文”） @组件（'components.nav.main'） @插槽（'菜单'） 项目0 项目1 @端槽 @端部元件 @端部 @节（“脚本”） const profile=新的Vue({ el:“#应用程序”， 数据：{ 选项卡：0 }, 方法：{ 选项卡选择（id）{ profile.tab=id； } } }); @端部

我需要在我的项目中使用这些代码。我不知道这有什么问题。 我得到了这个错误：

实例上未定义属性或方法“tab”，但 在渲染期间引用

---

我删除了“const-app=new-Vue（{el:'#app'}）；”在app.js中，它可以工作，但我的项目中有另一个Vue组件，这使得另一个组件未知…

您需要为您的应用程序定义一个容器

例如

@extends('layouts.app')
@section('body')
    <div class="general_wrapper" id="profile">
        @component('components.nav.main')
            @slot('menu')
                <div class="nav_menu">
                    <ul>
                        <li :class="{'active': tab==0}" @click="tabSelect(0)">
                           item0
                        </li>
                        <li :class="{'active': tab==1}" @click="tabSelect(1)">
                           item1
                        </li>
                    </ul>
                </div>
            @endslot
        @endcomponent
    </div>
@endsection
@section('script')
    <script>
        const profile = new Vue({
            el: '#app',
            data: {
                tab: 0
            },
            methods: {
                tabSelect(id) {
                    profile.tab = id;
                }
            }
        });
    </script>
@endsection

---

可能在blade和vue标记{{}之间存在一些问题。也许您可以使用@{{}来指定vue变量

My buddy，我在app.js中定义了它。我删除了“const-app=new-Vue（{el:'#app'}）；”从app.js它可以工作，但我的项目中有另一个Vue组件，这使另一个未知…您应该声明组件以使用en You main.js或app.js Vue组件。。。例如，

Vue.component（'question'，require（'./components/questions/questions.Vue'）

tnx buddy，我在定义组件方面有问题，但现在还有另一个问题：

<div id="app"> 
  Inside your vue component
</div>

el: '#app',