Определите компонент vuejs в клинке
@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
Мне нужна эта связка кода внутри моего проекта. Я не знаю, что с этим не так. У меня такая ошибка:
Property or method "tab" is not defined on the instance but referenced during render.
Я удалил 'const app = new Vue ({el:' #app '});' из app.js он работает, но у меня есть еще один компонент Vue в моем проекте, и это сделало еще один неизвестным ...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вам необходимо определить контейнер для вашего приложения
Например,
<div id = "app">
Inside your vue component
</div>
поэтому вы можете определить компонент vue, который использует контейнер, используемый в настройке el
el: '#app',
возможно, у вас возникнут проблемы между тегами blade и vue {{}}. Возможно, вы сможете использовать @ {{}} для указания vue vars
Мой приятель, я определил это в app.js. Я удалил 'const app = new Vue ({el:' #app '});' из app.js он работает, но у меня есть еще один компонент Vue в моем проекте, и это сделало еще один неизвестным ...
Вы должны объявить компоненты для использования в main.js или app.js vue component ... например. Vue.component('question', require('./components/questions/Question.vue'));
tnx приятель, у меня проблема с определением компонентов, но теперь есть еще одна проблема: stackoverflow.com/questions/53887003/…