استفاده ازvue به صورت اینترنال در php
من داخل وب پک ابتدا اومدم با دستور زیر 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 ویو بنویسن