اسدی
3 سال پیش توسط اسدی مطرح شد
1 پاسخ

نمونه سورس کد لارا ول و ویو

دوستان سورس پروژه لاراولی و ویو که تک صفحه ای نباشه کسی سراغ داره؟ ویو رو تازه آشنا شدم میخوام نحوه استفاده استاندارد ویو در لاراول رو بدونم؟ سایت بنده تک صفحه ای نیست و در قسمت هایی از پروژه نیاز به ویو دارم


ثبت پرسش جدید
saman khoshghadam
تخصص : برنامه نویس وب
@thethinkerdev 3 سال پیش مطرح شد
0

سورس کد
این مراحل رو انجام بدید:

  1. npm i vue
  2. در فایل resources/js/app.js :
    
    import { createApp, ref } from "vue";

const app = createApp({
setup() {
let count = ref(0);
const increment = () => this.count++;
return {
count,
increment,
};
},
});

app.mount("#app");


3.  در صفحه مثلا welcome.blade.php :
4.   توجه کنید برای اینکه به لاراول بگیم کاری به این {{}} نداشته باشه حتما باید قبلش `@` قرار بدید
```html
    <div id="app">
        <span> @{{ count }} </span>
        <br>
        <button @click="increment">Increment</button>
    </div>
  1. در webpack این رو اضافه کنید :
  mix.js('resources/js/app.js', 'public/js')
  .postCss('resources/css/app.css', 'public/css', []).vue({version:3});
  1. npm run dev

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام