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

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

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

מתוזמן נעוץ נעול הועבר תכנות
5 פוסטים 4 כותבים 83 צפיות
    • מהישן לחדש
    • מהחדש לישן
    • הכי הרבה הצבעות
תגובה
  • תגובה כנושא
התחברו כדי לפרסם תגובה
נושא זה נמחק. רק משתמשים עם הרשאות מתאימות יוכלו לצפות בו.
  • 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
  • דף הבית
  • קטגוריות
  • פוסטים אחרונים
  • משתמשים
  • חיפוש
  • חוקי הפורום
  • התחברות

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

  • התחברו או הירשמו כדי לחפש.