דילוג לתוכן
  • דף הבית
  • קטגוריות
  • פוסטים אחרונים
  • משתמשים
  • חיפוש
  • חוקי הפורום
כיווץ
תחומים

תחומים - פורום חרדי מקצועי

💡 רוצה לזכור קריאת שמע בזמן? לחץ כאן!
  1. דף הבית
  2. תכנות
  3. VUE שימוש במשתנה מקומפוננט אחר

VUE שימוש במשתנה מקומפוננט אחר

מתוזמן נעוץ נעול הועבר תכנות
5 פוסטים 4 כותבים 139 צפיות
  • מהישן לחדש
  • מהחדש לישן
  • הכי הרבה הצבעות
התחברו כדי לפרסם תגובה
נושא זה נמחק. רק משתמשים עם הרשאות מתאימות יוכלו לצפות בו.
  • katzK מנותק
    katzK מנותק
    katz
    כתב ב נערך לאחרונה על ידי
    #1

    אני מנסה לקרוא למשתנה שהגדרתי בקומפוננטה בקובץ אחד, לקובץ אחר.

    לדוגמא:
    יש לי דף login.vue
    שם הגדרתי משתנה בשם user

    export default {
      data() {
        return {
          user: "name", 
        }; 
      },
    

    בקובץ השני אני עושה אימפורט (import) לקובץ ה login:

    import login from "../views/login.vue";
    

    איך אני יכול עכשיו לקרוא ל משתנה user

    ניסיתי

    login.user 
    or
    login.data.user
    

    אך אני לא מקבל את התוצאה, במקרה שלי "name"

    מה עוד לא הגדרתי נכון?

    מערכת שעות עבודה, https://timess.co.il/
    בלוג הקוד שלי: https://yossef7525.github.io/

    yossizY תגובה 1 תגובה אחרונה
    0
    • OdedDvirO מנותק
      OdedDvirO מנותק
      OdedDvir
      כתב ב נערך לאחרונה על ידי OdedDvir
      #2

      אתה צריך להשתמש בקובץ עזר js או json, ולא לייבא מתוך קומפוננט vue.
      יש כאן תשובה:
      https://stackoverflow.com/questions/50715823/how-do-i-access-data-from-an-external-file-in-vue-js

      תגובה 1 תגובה אחרונה
      2
      • yossizY מנותק
        yossizY מנותק
        yossiz
        השיב לkatz ב נערך לאחרונה על ידי yossiz
        #3

        @כץ-יוסף משתנים בתוך קומפוננט הם לוקליים לקומפוננט ההוא.

        השורה:

        import login from "../views/login.vue";
        

        נותן לך את ה"תבנית" של הקומפוננט, שהוא בערך מקביל ל-class בשפות תכנות. זה לא מצביע על מופע מסויים של הקומפוננט.

        עם זאת, יש כמה דרכים לשתף מידע בין קומפוננטים:

        • אפשר להעביר אותם לקומפוננט בנים דרך props.
        • אפשר להעביר לאבא על ידי אירוע, לשם זה תשתמש ב-this.$emit ובאבא תאזין לאירוע על ידי v-on
        • אפשר לעשות קומפוננט מיוחד עבור שיתוף מידע, עיין כאן: https://vuejs.org/v2/guide/migration.html#dispatch-and-broadcast-replaced
        • אפשר להשתמש ב-vuex עבור שמירת state מרכזי לכל האפליקציה

        עריכה: אני הבנתי את הסיטואציה שמדובר במידע שמתקבל בצורה דינאמית בתוך הקומפוננט, אם זה מידע סטטי אז התשובה היא מה ש-@OdedDvir הביא, דהיינו לא לשמור אותו בתוך קומפוננט.

        📧 יוסי@מייל.קום | 🌎 בלוג | ☕ קפה

        תגובה 1 תגובה אחרונה
        5
        • D מנותק
          D מנותק
          davidnead
          כתב ב נערך לאחרונה על ידי
          #4

          הדרך האולטימטיבית היא VUEX, אלא אם זה מקרה חריג ובדרך כלל אינך צריך, ואז לא שווה "להתלכלך" עם VUEX בשביל זה.
          VUEX - נועד בדיוק לזה, סטייט שאינו ספציפי לקומפוננט מסוים.

          katzK תגובה 1 תגובה אחרונה
          2
          • katzK מנותק
            katzK מנותק
            katz
            השיב לdavidnead ב נערך לאחרונה על ידי
            #5

            @davidnead אכן התחלתי להשתמש איתו, כלי מדהים שלא היכרתי!!

            מערכת שעות עבודה, https://timess.co.il/
            בלוג הקוד שלי: https://yossef7525.github.io/

            תגובה 1 תגובה אחרונה
            1

            בא תתחבר לדף היומי!
            • התחברות

            • אין לך חשבון עדיין? הרשמה

            • התחברו או הירשמו כדי לחפש.
            • פוסט ראשון
              פוסט אחרון
            0
            • דף הבית
            • קטגוריות
            • פוסטים אחרונים
            • משתמשים
            • חיפוש
            • חוקי הפורום