אני מנסה להיכנס לעולם ה vue
ניסיתי לעשות זאת באמצעות src לקבצים (נשמע לי בינתיים מורכב מידי להשתמש בזה עם npm (מדריכים מסודרים יותר בבקשה..)
אני מתחיל עם ניסיון וטעיה, וכמובן מתמקד מיד בניסיון לבנות משהו בשטח.
אני רוצה לפתח טבלה ולהשתמש בה עם bootstrap-vue
ניסיתי להתקין לפי ההוראות כאן https://bootstrap-vue.org/docs#browser
ולהכניס טבלה לפי ההוראות כאן https://bootstrap-vue.org/docs/components/table#tables
להלן הקוד המלא:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- Add this to <head> -->
<!-- Load required Bootstrap and BootstrapVue CSS -->
<link type="text/css" rel="stylesheet" href="//unpkg.com/bootstrap/dist/css/bootstrap.min.css" />
<link type="text/css" rel="stylesheet" href="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.min.css" />
<!-- Load polyfills to support older browsers -->
<script src="//polyfill.io/v3/polyfill.min.js?features=es2015%2CIntersectionObserver" crossorigin="anonymous"></script>
<!-- Load Vue followed by BootstrapVue -->
<script src="//unpkg.com/vue@latest/dist/vue.min.js"></script>
<script src="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.min.js"></script>
<!-- Load the following for BootstrapVueIcons support -->
<script src="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue-icons.min.js"></script>
</head>
<body>
<template>
<div>
<b-table striped hover :items="items"></b-table>
</div>
</template>
<script>
export default {
data() {
return {
items: [
{ age: 40, first_name: 'Dickerson', last_name: 'Macdonald' },
{ age: 21, first_name: 'Larsen', last_name: 'Shaw' },
{ age: 89, first_name: 'Geneva', last_name: 'Wilson' },
{ age: 38, first_name: 'Jami', last_name: 'Carney' }
]
}
}
}
</script>
</body>
</html>
אך אני מקבל שגיאה:
Uncaught SyntaxError: Unexpected token 'export'
אני מרגיש שאני מפספס משהו
אני לא רגיל עדיין לעבוד עם סוגי ספריות שכאלו, ואני מנסה לקבפוץ לזה.
אציין רק שאת הדוגמה הבסיסית כאן https://vuejs.org/v2/guide/#Declarative-Rendering
כן עבד לי.
חסר לי הבנה בJS בחלק של מודולים, בתחביר של export ו import
אשמח לעזרה איך אני מתחיל לראות את זה בפעולה..
גם לינקים יעזרו
ובמאמר המוסגר, אם באותה למידה אוכל גם לעבוד על ספריה אמתית של דשבורד מבוסס vue כמו שהזכירו כאן https://tchumim.com/post/116459 אשמח לגשש..