forked from devsonket/devsonket.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathvuejs-cheat-sheet.json
More file actions
120 lines (120 loc) · 6.02 KB
/
Copy pathvuejs-cheat-sheet.json
File metadata and controls
120 lines (120 loc) · 6.02 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
{
"id": "vuejs-cheat-sheet",
"title": "ভিউ জেএস",
"slug": "vuejs-cheat-sheet",
"description": "ভিউ জেএস চিটশিট",
"colorPref": "#41B883",
"contents": [
{
"title": "ডিরেক্টিভ্স",
"items": [
{
"definition": "এইচটিএমএল এলিমেন্ট, ডোম এ দেখানো/না দেখানো(সত্য/মিথ্যার উপর নির্ভর করে)",
"code": "v-if/v-show"
}, {
"definition": "এইচটিএমএল এলিমেন্ট বাইন্ডিং",
"code": "v-bind"
}, {
"definition": "Two-way ডাটা বাইন্ডিং",
"code": "v-model"
}, {
"definition": "এইচটিএমএল এলিমেন্ট এ ইভেন্ট যুক্ত করে, ইভেন্ট টাইপ আর্গুমেন্টে বলে দেওয়া",
"code": "v-on:click"
}, {
"definition": "ডোমে এ্যারে/লিস্ট রেন্ডার করে দেখানো",
"code": "v-for"
}
]
},
{
"title": "বাইন্ডিং",
"items": [
{
"definition": "ডাইনামিক ইউ-আর-এল বাইন্ডিং",
"code": ":href='url'"
}, {
"definition": "isActive এর সত্য/মিথ্যার উপর নির্ভর করে active ক্লাস বাইন্ডিং",
"code": ":class='{active: isActive}'"
}, {
"definition": "ডাইনামিক style বাইন্ডিং",
"code": ":style='{color: activeColor}'"
}
]
},
{
"title": "ইভেন্ট",
"items": [
{
"definition": "ডিফল্ট বিহেইভিওর বন্ধ করা(যেমনঃ ফরম সাবমিটের পর রিলোড)",
"code": "<form @submit.prevent='addUser'>..."
}, {
"definition": "ইভেন্ট একবার সংঘটিত করতে",
"code": "<a @click.once='doThis'></a>"
}, {
"definition": "click ইভেন্ট এর প্রোপাগ্যাশন বন্ধ করতে",
"code": "<a @click.stop='doThis'></a>"
}
]
},
{
"title": "লাইফ সাইকেল হুক",
"items": [
{
"definition": "কম্পোন্যান্ট ইন্স্ট্যান্স তৈরি হওয়ার পূর্বে ইনভোক হয়",
"code": "beforeCreate()"
}, {
"definition": "কম্পোন্যান্ট ইন্স্ট্যান্স তৈরি হওয়ার পর যে হুক দ্বারা reactive data এবং events এক্সেস করা যায়",
"code": "created()"
}, {
"definition": "কম্পোন্যান্ট মাউন্ট হওয়ার পূর্বের হুক",
"code": "beforeMount()"
}, {
"definition": "কম্পোন্যান্ট মাউন্ট হওয়ার পর যে হুক দ্বারা ডোম ম্যানূপুল্যাট করা যায়",
"code": "mounted()"
}, {
"definition": "কম্পোন্যান্ট এর ডাটা পরিবর্তন হলে যে হুক প্রথমে ইনভোক হয়",
"code": "beforeUpdate()"
}, {
"definition": "কম্পোন্যান্ট এর ডাটা পরিবর্তন হলে এবং ডোম রি-রেন্ডার হলে যে হুক ইনভোক হয়",
"code": "updated()"
}, {
"definition": "কম্পোন্যান্ট destroy করার পূর্বের হুক",
"code": "beforeDestroy()"
}, {
"definition": "কম্পোন্যান্ট destroy হওয়ার পর যে হুক ইনভোক হয়",
"code": "destroyed()"
}
]
},
{
"title": "কম্পিউটেড প্রোপার্টি এবং ওয়াচ",
"items": [
{
"definition": "ক্যাস্ড ভ্যালূ রিটার্ন করে যতক্ষণ পর্যন্ত ডিপেন্ডেন্সী পরিবর্তন হতে থাকে",
"code": "computed()"
}, {
"definition": "ডাটা পরিবর্তন হওয়ার সাথে সাথে যে ফাংশন কাজ করে",
"code": "watch()"
}
]
},
{
"title": "কাস্টম ইভেন্ট",
"items": [
{
"definition": "প্যারেন্ট কম্পোন্যান্ট থেকে চাইল্ড কম্পোন্যান্টে ডাটা পাঠানো যায়",
"code": "<ChildComponent text='Vuejs is nice' />"
}, {
"definition": "চাইল্ড কম্পোন্যান্ট থেকে প্যারেন্ট কম্পোন্যান্টের ডাটা এনে রাখা",
"code": "props: ['text']"
}, {
"definition": "চাইল্ড কম্পোন্যান্ট থেকে প্যারেন্ট কম্পোন্যান্টে ডাটা পাঠানো",
"code": "this.$emit('clicked', 'someValue')"
}, {
"definition": "প্যারেন্ট কম্পোন্যান্ট থেকে চাইল্ড কম্পোন্যান্টের ডাটা ধরা",
"code": "<ChildComponent @clicked='someFunction' />"
}
]
}
]
}