Vue.js מההתחלה

בתור התחלה ניצור מופע של VUE. דוגמת הHELLO WORLD See the Pen oZNmzB by adiel ( @adielsh ) on CodePen . מה שאנחנו רואים כאן זה מופע של VUE. הרעיון מאוד פשוט: אתחול של מופע מסוג Vue, הכנסת ערך לתוך הdata, והצגה של המידע לתוך{{}}, שתפקידם הוא לקשר את המידע שנמצא בתוך אחד המשתנים בתוך האובייקט, אל תוך דף הHTML. כעת נראה דוגמא נוספת. See the Pen vue example 2 by adiel ( @adielsh ) on CodePen . כדי להבין את הדוגמא נקדים קצת על מבנה מופע הVue. כשאני יוצר מופע מסוג Vue, אני בעצם יוצר אובייקט מיוחד, הבנוי להכיל מגוון ערכים: לדוגמא: מידע פנימי, פונקציות, מידע חיצוני ועוד. ישנם חלקים שונים באובייקט המופע. החלקים אותם הצגתי בדוגמא הם: el - הוא מצביע על תגית הhtml עליה המופע יופעל. data - אובייקט המכיל את המידע ששייך למופע שיצרנו. methods - הפונקציות השייכות לאובייקט הVue שלנו. computed - פונקציות המחזירות ערך, תפקידן הוא להציג באופן ספציפי מידע כלשהו שנרצה.                    והן יכולות גם לבצע השמה של...

שלום לכולם! בבלוג זה אעסוק בע"ה בהסבר הספריה Vue.js, גרסא 2. ההחלטה לכתוב בלוג על ספריה זו נבעה מעיסוק רב בפיתוח צד לקוח, והבנה שהשימוש ב Vue מפשט מאוד את העבודה בצד לקוח. במהלך המדריך אשלב דוגמאות שונות כדי להבין באופן מוחשי את ההסברים המובאים. קצת רקע לספריית Vue: ספרית vue  היא ספריית צד לקוח שפותחה ע"י Evan You , במטרה לאגד את היתרונות בספריות מובילות אחרות כדוגמת React  וAngular.js, ולאחד אותם בתוך ספריה קיימת. ספריה זו צברה פופולריות רבה במהלך השנים האחרונות, (ובפרט בשנה האחרונה) וקצב הצמיחה שלה הוא מאוד מהיר, זאת תודות ליתרונות הרבים שהיא מאגדת בתוכה. בלוג זה מטרתו להנגיש את הדוגמאות המובאות באתר הרשמי של Vue וכמו גם להוסיף עליהן דוגמאות אחרות, וכל זאת בעברית! התוכן בבלוג מיועד לכאלו בעלי ידע בסיסי בג'אווהסקריפט, html, וcss. השימוש בבלוג זה באחריות המשתמש. כל התכנים בבלוג זה נכתבו כפי הבנתי, אי לכך ייתכנו טעויות או אי דיוקים כאלו ואחרים. במידה ומצאת כאלו, אשמח להארות/הערות. שיהיה בהנאה רבה! עדיאל.