یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها

استفاده از تخفیف‌ها
ثانیه
دقیقه
ساعت
روز
محمد
5 سال پیش توسط محمد مطرح شد
3 پاسخ

استفاده از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>

ثبت پرسش جدید
حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 5 سال پیش مطرح شد
0

سلام خوب داستان اینطوری عمل نمیکنه دوست عزیز.
راهی هم که رفتید کلا اشتباهه !
شما در webpack یک فایل js رو به عنوان منبع اصلی مشخص میکنید در اون باید تمام کدهای جاوااسکریپت رو مشخص کنید و بعد فایل bundle شده نهایی رو به سند html اضافه میکنید .
چیزی که در بالا میبینم درست نیست


محمد
@mohammadhttp 5 سال پیش مطرح شد
0

با تشکر جناب موسوی از پاسختون
من در فاز اول همین مراحلو که گفتید رو انجام دادم :

شما در 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 درخواست بفرستم


سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 5 سال پیش آپدیت شد
0

در غیر این صورت باید با ajax درخواست بفرستم

بله تویی ویو با درخواست ایجکس بدین و دیتاها رو پر کنین نه اینکه با php بیایی اطلاعات رو تویی data ویو بنویسن


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

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