mehdiQuestion

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

اجرا نشدن کد vue js

باسلام و احترام و تبریک سال نو
من فایل vue js رو از سایت خودش دانلود کردم و به سند html پیوست زدم که فایل زیر هست

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>

آموزش vue js رو تازه شروع کردم
و مدرس یک قطعه کدی میزنه که اون قطعه کد که به شرح زیر هست برای من اجرا نمیشه
این قطعه کد vue هست

var myApplication = new vue({
    el: '#app',
     data: {
        title: 'salam'
     }

});

و این هم قطعه کد html

<div class="container">
        <input type="text">
        <div id="app">
            <p>{{ title }}</p>
        </div>
    </div>

حالا چیزی که باید رخ بده اینه که متغیر title اجرا بشه
و مقدارش رو که در vue تغیر میدی در سند html تغییر کنه

ولی مشکل اینه که خروجی به شکل زیر نمایش داده میشه

رضا پارسیان

تخصص : توسعه دهنده Php , Laravel

@Rp76 1 سال پیش مطرح شد

سلام وقتتون بخیر!

کد html یه مشکل کوچیک داره

<div class="container">
        <input type="text">
        <div id="app">
            <p>{{ title }}</p>
        </div>
    </div>

بشه

<div class="container" id="app">
        <input type="text">
        <div id="app">
            <p>{{ title }}</p>
        </div>
    </div>

ارسال پاسخ

mehdiQuestion

تخصص : frontEndDeveloper

@mehdiQuestion 1 سال پیش مطرح شد

باسلام مشکل از فایل دانلودی بود باید vue 2 رو دانلود میکردم
@Rp76

ارسال پاسخ

mehdiQuestion

تخصص : frontEndDeveloper

@mehdiQuestion 1 سال پیش آپدیت شد

باسلام
لطفا شما هم چک کنید ببینید این نسخه از CDN فریم ورک vue-js کار میکنه ؟
برای من که جواب نداده

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>

ارسال پاسخ

mehdiQuestion

تخصص : frontEndDeveloper

@mehdiQuestion 1 سال پیش مطرح شد

باسلام
لطفا شما هم چک کنید ببینید این نسخه از CDN فریم ورک vue-js کار میکنه ؟

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>

منبع

https://vuejs.org/guide/quick-start.html#creating-a-vue-application

ارسال پاسخ