گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
گزارش تخلف
کپی کردن
0
سورس کد
این مراحل رو انجام بدید:
- npm i vue
- در فایل 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>- در webpack این رو اضافه کنید :
mix.js('resources/js/app.js', 'public/js')
.postCss('resources/css/app.css', 'public/css', []).vue({version:3});- npm run dev