علیرضا
5 سال پیش توسط علیرضا مطرح شد
4 پاسخ

سوال مبتدی در مورد vue js

کد من رو ببینید

    <h۲ class="core">
<span>{{age}}</span>
<span>{{name}}</span>
<span>{{family}}</span>
<h۱>{{yourtext}}</h۱>
    </h۲>
       <script>
      new Vue({
        el:'.core',
        data:{
          name:'alireza',
          family:'xxxx',
          age:"۱۶",
          yourtext:"hellow word!"
        }
      })
    </script>

میدونم این شوه به هیچ وجه درست نیست که دوتا تگ hتو در تو داشته باشیم
ولی چرا با vue js نمیشه مقداری داخل تگ h تو درتو قرار داد؟
ولی برای تگ های div تو در تو درسته؛:)


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

در ویو‌جی‌اس ما باید قسمتی از صفحه رو که می‌خواهیم interactive باشه و گزینه‌های ویو در اون فعال باشند... رو به قسمتی مثل یه DIV اضافه کنیم و بعد هر چی‌ دوست دارید داخل اون اضافه کنید

کدتون به شکل زیر کار خواهد کرد:


<div class="core">
  <span>{{age}}</span>
  <span>{{name}}</span>
  <span>{{family}}</span>
  <h1>{{yourtext}}</h1>
</div>

<script>
  new Vue({
  el: '.core',
  data: {
    input: '# hello',
    name:'alireza',
    family:'xxxx',
    age:16,
    yourtext:"Hello World"    
  },
})
</script>

یه نکته دیگه:
در ساخت component ها برای Vue یه نکته باید رعایت بشه و اون هم اینکه..
در واقع شما باید یک اِلمان در template ویو داشته باشید.. بخاطر اینه که همه بخش‌ها رو در یه div دیگه قرار می‌دهند.


Alimotreb
تخصص : کانفیگ سرور و برنامه نویس
@Alimotreb 5 سال پیش مطرح شد
0

سلام
@paressep28

تگ اسکریپت یه تگ مستقله
<script>
چون اجراییه
توی H1
, h2
یا dive و ..
اینا نمیزارن
ته صفحه قبل از بسته شدن تگ بادی میزارن!
مثل این میمونه شما تگ link که برای استایل css هست رو
توی تگ table قرار بدی

باید توی Head باشه
اینم باید ته صفحه باشه!


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
0

در ویو‌جی‌اس ما باید قسمتی از صفحه رو که می‌خواهیم interactive باشه و گزینه‌های ویو در اون فعال باشند... رو به قسمتی مثل یه DIV اضافه کنیم و بعد هر چی‌ دوست دارید داخل اون اضافه کنید

کدتون به شکل زیر کار خواهد کرد:


<div class="core">
  <span>{{age}}</span>
  <span>{{name}}</span>
  <span>{{family}}</span>
  <h1>{{yourtext}}</h1>
</div>

<script>
  new Vue({
  el: '.core',
  data: {
    input: '# hello',
    name:'alireza',
    family:'xxxx',
    age:16,
    yourtext:"Hello World"    
  },
})
</script>

یه نکته دیگه:
در ساخت component ها برای Vue یه نکته باید رعایت بشه و اون هم اینکه..
در واقع شما باید یک اِلمان در template ویو داشته باشید.. بخاطر اینه که همه بخش‌ها رو در یه div دیگه قرار می‌دهند.


علیرضا
تخصص : فرانت اند وب
@sep28 5 سال پیش مطرح شد
0

@Alimotreb
سلام خودم میدونم خب
شما از کجا میدونی من اینو ته صفحه نزاشتم؟؟
من اینو برش زدم که راحت تر بتونید بخونید


Alimotreb
تخصص : کانفیگ سرور و برنامه نویس
@Alimotreb 5 سال پیش مطرح شد
0

سلام
@paressep28

اون موقعی که من سوالتون رو خوندم تک اسکریپتتون توی H2 بود!
حالا ویرایش زدید چی بوده .....

ولی حالت استاندارد رو هم که دوستمون توضیح دادن بهتون!


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

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