من داخل وب پک ابتدا اومدم با دستور زیر vue رو نصب کردم :
npm install vue
بعدش یک فایل داخل فایل index.php کد زیر رو نوشتم :
<div id="app">
<li>{{name}}</li>
</div>
بعدش داخل فایل bundler-webpack.js کد زیر رو نوشتم :
import Vue from 'vue';
new Vue({
el:'app',
data:{
name:'mohammadali',
list:[],
ischecked:true
}
}).$mount('app');
همه چیز درسته و خوب کار میکنه . مشکلم اینه که حالا میخوام کد های vue خودمو بیارم تو index.php . به صورت اینترنال کد بزنم که همه فنا رو زدم نشد .
<body>
<div id="app">
<li>{{name}}</li>
</div>
<script>
import Vue from 'vue';
export default {
new Vue({
el:'app',
data:{
name:'mohammadali',
list:[],
ischecked:true
}
}).$mount('app');
}
</script>
</body>
سلام خوب داستان اینطوری عمل نمیکنه دوست عزیز.
راهی هم که رفتید کلا اشتباهه !
شما در webpack یک فایل js رو به عنوان منبع اصلی مشخص میکنید در اون باید تمام کدهای جاوااسکریپت رو مشخص کنید و بعد فایل bundle شده نهایی رو به سند html اضافه میکنید .
چیزی که در بالا میبینم درست نیست
با تشکر جناب موسوی از پاسختون
من در فاز اول همین مراحلو که گفتید رو انجام دادم :
شما در webpack یک فایل js رو به عنوان منبع اصلی مشخص میکنید در اون باید تمام کدهای جاوااسکریپت رو مشخص کنید و بعد فایل bundle شده نهایی رو به سند html اضافه میکنید .
الان شما میخواهید بگید که اگر از webpack استفاده کنیم دیگه نمیشه به صورت اینترنال از vue استفاده کرد داخل php ?
من قبلا وقتی با jquery کار میکردم , بعد از لود شدن صفحه بخشی از اطلاعات mysql رو توسط php به jquery تزریق میکردم .
به مثال زیر دقت کنید :
<html>
<head>
<title>example</title>
</head>
<body>
<script>
var list={
name:'<?php echo $rows['name']; ?>'
}
</script>
</body>
</html>
حالا میخوام همین کارو با vue به صورت اینترنال استفاده کنم . یعنی php بخشی از مقادیر آرایه های vue منو پر کنه .
در غیر این صورت باید با ajax درخواست بفرستم
در غیر این صورت باید با ajax درخواست بفرستم
بله تویی ویو با درخواست ایجکس بدین و دیتاها رو پر کنین نه اینکه با php بیایی اطلاعات رو تویی data ویو بنویسن
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟