استفاده از vue js همراه لاراول

[arefrazavi7 0]

سلام وقت همگی بخیر

من میخوام از vue js در پروژه لاراولی خودم استفاده کنم. تو یک آموزشی دیدم که به جای example.blade.php از فایل های example.vue استفاده کرده بود. اما پروژه ای که دستمه با webpack.mix.js تمام فایل های .vue رو کامپایل کرده و چندین فایل چند هزار خطی شده که زیر هر blade اضافه شده. آیا راهی هست که فقط component های vue js در پوشه ی resource لاراول ساخته بشن و بتونن بدون build گرفتن استفاده بشن؟ یعنی از blade استفاده نشه و فقط component vue js در پوشه ی resource ساخته بشه.

ممنون

[saber 143]

برای این کار میتونید فایل های .vue رو در پوشه ی resources/js/components قرار بدید و بعد در فایل app.js اونها رو import کنید. به عنوان مثال:

در فایل resources/js/app.js:

require('./bootstrap');

Vue.component('example-component', require('./components/ExampleComponent.vue').default);

const app = new Vue({
    el: '#app',
});

بعد در فایل blade خودتان، می توانید از component ها استفاده کنید:

<div id="app">
    <example-component></example-component>
</div>

بعدش باید webpack.mix.js رو طوری تنظیم کنید که فقط app.js رو کامپایل کنه

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css');