create-vue, the official project scaffolding tool, offers the options to scaffold a Vite-powered, TypeScript-ready Vue project.
Vue 3 da Vite da ishlaydigan proyekt generatsiya qilish uchun create-vue dan foydalanishingiz mumkin.
VueCLI ga o'xshab ketadi, proyekt generatsiya qilish davomida ba'zi savollarni beradi:
1. Typescript qo'shilsinmi?
2. JSX support qilinsinmi?
3. Single Page Application uchun VueRouter qo'shilsinmi?
4. State management uchun Pinia qo'shilsinmi?
5. Unit test qilish uchun Vitest qo'shilsinmi?
6. End to end test uchun Cypress qo'shilsinmi?
7. Kod sifatini nazorat qilish uchun Eslint qo'shilsinmi?
8. Kodni formatlash uchun Prettier qo'shilsinmi?
Vue 3 da Vite da ishlaydigan proyekt generatsiya qilish uchun create-vue dan foydalanishingiz mumkin.
VueCLI ga o'xshab ketadi, proyekt generatsiya qilish davomida ba'zi savollarni beradi:
1. Typescript qo'shilsinmi?
2. JSX support qilinsinmi?
3. Single Page Application uchun VueRouter qo'shilsinmi?
4. State management uchun Pinia qo'shilsinmi?
5. Unit test qilish uchun Vitest qo'shilsinmi?
6. End to end test uchun Cypress qo'shilsinmi?
7. Kod sifatini nazorat qilish uchun Eslint qo'shilsinmi?
8. Kodni formatlash uchun Prettier qo'shilsinmi?
๐3
#savol_48 #javob_berildi
Vuetify o'rnatayotgan edim shu yerda xato beryabdi ? Qayerda xato qilganman ?
Savol muallifi: Nobody
Rasm 1
..........................................................
Javob: defineConfig yo'q shekilli vue-cli da
Shunchaki
module.exports = {
transpileDependencies: [
'vuetify'
]
};
deb yozing ishlashi kerak.
Javob muallifi: Mirjalol Norqulov
izohdagi javob linki
................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
Vuetify o'rnatayotgan edim shu yerda xato beryabdi ? Qayerda xato qilganman ?
Savol muallifi: Nobody
Rasm 1
..........................................................
Javob: defineConfig yo'q shekilli vue-cli da
Shunchaki
module.exports = {
transpileDependencies: [
'vuetify'
]
};
deb yozing ishlashi kerak.
Javob muallifi: Mirjalol Norqulov
izohdagi javob linki
................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
#savol_49 #javob_berildi
Inputga ism kiritmasa shu xatolik chiqishi kk. Oddiy tekst yozsam chiqadi, lekin tarjima qilsa chiqmayapti. Kiritish majburiy degan jumlani tarjimasi chiqmayapti. shunda qayerida xatolik bor?
Savol muallifi: Laziz
Rasm 1
..........................................................
Javob:
Javob muallifi: Baxtiyor Sulaymonov
izohdagi javob linki
.....................................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
Inputga ism kiritmasa shu xatolik chiqishi kk. Oddiy tekst yozsam chiqadi, lekin tarjima qilsa chiqmayapti. Kiritish majburiy degan jumlani tarjimasi chiqmayapti. shunda qayerida xatolik bor?
Savol muallifi: Laziz
Rasm 1
..........................................................
Javob:
data: () => ({
shuni data: vm => ({
shunaqa yozib keyin tarjimani chaqirgan joyingizda this
o'rniga vm
yozing ishlasa kerak Javob muallifi: Baxtiyor Sulaymonov
izohdagi javob linki
.....................................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
#savol_50 #javob_berildi
ajaxdan 1 ta product oganda iwlavotti va consoleda xato devotti agar kup product olib v-for da iwlatsa xammasi zur iwlavotti
<img :src="require('../assets/img/' + product.img)" >
Savol muallifi: Jasur
..........................................................
Javob: Async await va
<img
dan foydalaning
Javob muallifi: ะัะฐะดะฑะตะบ
izohdagi javob linki
.................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
ajaxdan 1 ta product oganda iwlavotti va consoleda xato devotti agar kup product olib v-for da iwlatsa xammasi zur iwlavotti
<img :src="require('../assets/img/' + product.img)" >
Savol muallifi: Jasur
..........................................................
Javob: Async await va
<img
v-if="product && product.img"
:src="require('../assets/img/' + product.img)" >dan foydalaning
Javob muallifi: ะัะฐะดะฑะตะบ
izohdagi javob linki
.................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
#savol_52 #javob_berildi
Assalomu alaykum, hammaga savolim bor edi v-for qanaqa holatda ishlami qolishi mumkin ? Consoleda hich qanaqa eror yoki warning yo'q. v-if ishlatilmagan !?
Savol muallifi: ๐๐๐๐๐๐๐ ๐๐๐โ
..........................................................
Javob: Hammaga rahmat javobini topdim) Vuetify bilan problema bo'votganakan, yani 'v-for' ni noto'g'ri joyga qo'yibman. Boshqa joyga qo'yib ko'rsam ishlab ketdi.
Javob muallifi: ๐๐๐๐๐๐๐ ๐๐๐โ
izohdagi javob linki
.....................................................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
Assalomu alaykum, hammaga savolim bor edi v-for qanaqa holatda ishlami qolishi mumkin ? Consoleda hich qanaqa eror yoki warning yo'q. v-if ishlatilmagan !?
Savol muallifi: ๐๐๐๐๐๐๐ ๐๐๐โ
..........................................................
Javob: Hammaga rahmat javobini topdim) Vuetify bilan problema bo'votganakan, yani 'v-for' ni noto'g'ri joyga qo'yibman. Boshqa joyga qo'yib ko'rsam ishlab ketdi.
Javob muallifi: ๐๐๐๐๐๐๐ ๐๐๐โ
izohdagi javob linki
.....................................................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
#savol_53 #javob_berildi
Assalomu alaykum!
Bir nechta teglar buyicha search qilishni yuli bormi?
Teglar selectdan tanlanadi
Savol muallifi: Laziz
Rasm 1
..........................................................
Javob: JSON.stringify(tagsArray)
Javob muallifi: ุฒูููููุฏูููู
izohdagi javob linki
........................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
Assalomu alaykum!
Bir nechta teglar buyicha search qilishni yuli bormi?
Teglar selectdan tanlanadi
Savol muallifi: Laziz
Rasm 1
..........................................................
Javob: JSON.stringify(tagsArray)
Javob muallifi: ุฒูููููุฏูููู
izohdagi javob linki
........................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
#savol_54 #javob_kutmoqda
ikki xil theme bor
va bularni tepada html faylda radio da @change=โlight(dark)-themeโ qilip chaqirilgan
va bular tugโri ishlayapti lekin brauzer yangilanganda uz xoliga qaytip qolyapti
Savol muallifi: Abdulloh
Rasm 1
........................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
ikki xil theme bor
va bularni tepada html faylda radio da @change=โlight(dark)-themeโ qilip chaqirilgan
va bular tugโri ishlayapti lekin brauzer yangilanganda uz xoliga qaytip qolyapti
Savol muallifi: Abdulloh
Rasm 1
........................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
#savol_55 #javob_berildi
Assalomu alaykum, Vue3+Vite SSR applicationni deploy qilmoqchi edim, netlify ga build qildim, ishlayabdi, lekin, SSR ishlamayabdi. Browser orqali Inspect qiladigan bo'lsam, shu xabar chiqyabdi.
Savol muallifi: Elzodxon Sharofaddinov
Rasm 1
..........................................................
Javob: vercelga deploy qilsangiz bo'lsa kerak.
Javob muallifi: Mirjalol Norqulov
izohdagi javob linki
.................................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
Assalomu alaykum, Vue3+Vite SSR applicationni deploy qilmoqchi edim, netlify ga build qildim, ishlayabdi, lekin, SSR ishlamayabdi. Browser orqali Inspect qiladigan bo'lsam, shu xabar chiqyabdi.
Savol muallifi: Elzodxon Sharofaddinov
Rasm 1
..........................................................
Javob: vercelga deploy qilsangiz bo'lsa kerak.
Javob muallifi: Mirjalol Norqulov
izohdagi javob linki
.................................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
#savol_57 #javob_berildi
selectdan optionsni o'zgartirganda brauzer obnovit bulmasda birdan selectdagi tarjimani o'zgartirishim kk. Shu kodlarni yozdim, negadir selectdan biror optionsni tanlab keyin tilni o;zgartirsam birdan o'zgarmayapti, sezmayapti
Savol muallifi: Laziz
Rasm 1
..........................................................
Javob: yoki yana boshqa variant, v-selectga :key=โ$i18n.localeโ bering qayta render qilishi uchun
Javob muallifi: Ziloliddin Husayn
izohdagi javob linki
.......................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
selectdan optionsni o'zgartirganda brauzer obnovit bulmasda birdan selectdagi tarjimani o'zgartirishim kk. Shu kodlarni yozdim, negadir selectdan biror optionsni tanlab keyin tilni o;zgartirsam birdan o'zgarmayapti, sezmayapti
Savol muallifi: Laziz
Rasm 1
..........................................................
Javob: yoki yana boshqa variant, v-selectga :key=โ$i18n.localeโ bering qayta render qilishi uchun
Javob muallifi: Ziloliddin Husayn
izohdagi javob linki
.......................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
#savol_58 #javob_berildi
Home page scroll qilib pastdan yuqoriga yuqoridan pastga tushsam sahifadagi cardlar yo'qolib ko'rinib qolyapti, home pagegi sliderdagi holat ham shunaqa, faqat scroll qilib harakatlintirganda shunaqa holat bo'lyapti.
mounted() orqali apidan ma'lumotlarni olib kelganman proyekt nuxtda va bir apigadan malumotlar olib home page berilyapti. Qanday hal qilsa bo'adi?
Savol muallifi: Ural Rashidov
..........................................................
Javob: Javobi: Scroll qilganda mousover hodisa ishlatilgan, va bu scroll qilganda ishlab ketdi, scroll qilinganda mouseover ishlatmaslik orqali yechim qilindi.
Javob muallifi: Ural Rashidov
izohdagi javob linki
.......................................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
Home page scroll qilib pastdan yuqoriga yuqoridan pastga tushsam sahifadagi cardlar yo'qolib ko'rinib qolyapti, home pagegi sliderdagi holat ham shunaqa, faqat scroll qilib harakatlintirganda shunaqa holat bo'lyapti.
mounted() orqali apidan ma'lumotlarni olib kelganman proyekt nuxtda va bir apigadan malumotlar olib home page berilyapti. Qanday hal qilsa bo'adi?
Savol muallifi: Ural Rashidov
..........................................................
Javob: Javobi: Scroll qilganda mousover hodisa ishlatilgan, va bu scroll qilganda ishlab ketdi, scroll qilinganda mouseover ishlatmaslik orqali yechim qilindi.
Javob muallifi: Ural Rashidov
izohdagi javob linki
.......................................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
#savol_59 #javob_berildi
Shunaqa narsani vue routerda qanday qilsam bo'ladi ? About us yozuvini tagidagisini.
Savol muallifi: Nobody
Rasm 1
..........................................................
Javob: https://medium.com/geekculture/breadcrumbs-with-vue-router-params-vuetify-22d71ebc104a
Javob muallifi: Mirjalol Norqulov
izohdagi javob linki
...............................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
Shunaqa narsani vue routerda qanday qilsam bo'ladi ? About us yozuvini tagidagisini.
Savol muallifi: Nobody
Rasm 1
..........................................................
Javob: https://medium.com/geekculture/breadcrumbs-with-vue-router-params-vuetify-22d71ebc104a
Javob muallifi: Mirjalol Norqulov
izohdagi javob linki
...............................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
#savol_60 #javob_berildi
swiper js ichidagi malumotlar apidan toldiriladi
bowida norm iwlavotti lekin bowqa page dan wu page ga o'tilsa nito iwlavotti console da owibka yoq
Savol muallifi: NODIR
Rasm 1
..........................................................
Javob: Xohishingiz, template da bergan optionlaringizni hammasini olib new Swiperni ichiga bersangiz bo'ladi, shunda muammo bo'lmaydi.
Javob muallifi: Mirjalol Norqulov
izohdagi javob linki
...............................................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
swiper js ichidagi malumotlar apidan toldiriladi
bowida norm iwlavotti lekin bowqa page dan wu page ga o'tilsa nito iwlavotti console da owibka yoq
Savol muallifi: NODIR
Rasm 1
..........................................................
Javob: Xohishingiz, template da bergan optionlaringizni hammasini olib new Swiperni ichiga bersangiz bo'ladi, shunda muammo bo'lmaydi.
Javob muallifi: Mirjalol Norqulov
izohdagi javob linki
...............................................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
#savol_61 #javob_berildi
Assalomua alaykum
Shu deprecated warningni qanday yo'qotish mumkin?
3-tomon paketida bolgani uchun uni source kodini o'zgartira olmayman.
Savol muallifi: Bahriddin Mo'minov ๐
Rasm 1
..........................................................
Javob: SASS ni 1.32.* dan baland bo'lmagan versiyasini ishlatsez yo'qoladi )
Javob muallifi: ะคะฐัััั X.
izohdagi javob linki
..............................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
Assalomua alaykum
Shu deprecated warningni qanday yo'qotish mumkin?
3-tomon paketida bolgani uchun uni source kodini o'zgartira olmayman.
Savol muallifi: Bahriddin Mo'minov ๐
Rasm 1
..........................................................
Javob: SASS ni 1.32.* dan baland bo'lmagan versiyasini ishlatsez yo'qoladi )
Javob muallifi: ะคะฐัััั X.
izohdagi javob linki
..............................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
#savol_62 #javob_berildi
Netlifyga vue project upload qildim negadir logindan keyin router ishlamayapti. 404 qaytyapti. Redirects degan txt file ochib config yozdim baribir ishlamayapti. Nima qilsa boโladi. Oldindan rahmat
Savol muallifi: Doniyor Ibragimov
..........................................................
Javob: Akalar katta rahmat! Redirects txt file deb oโylagandim. Extension yoโq fayl ekan endi ishlayapti rahmat hammaga
Javob muallifi: Doniyor Ibragimov
izohdagi javob linki
...............................................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
Netlifyga vue project upload qildim negadir logindan keyin router ishlamayapti. 404 qaytyapti. Redirects degan txt file ochib config yozdim baribir ishlamayapti. Nima qilsa boโladi. Oldindan rahmat
Savol muallifi: Doniyor Ibragimov
..........................................................
Javob: Akalar katta rahmat! Redirects txt file deb oโylagandim. Extension yoโq fayl ekan endi ishlayapti rahmat hammaga
Javob muallifi: Doniyor Ibragimov
izohdagi javob linki
...............................................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
#savol_63 #javob_berildi
Assalomu Alaykum vuetifyda v-text-field ning autocomplete qanday qilib o'chirsa bo'ladi ?
Savol muallifi: Bexzod
..........................................................
Javob: :autocomplete="new Date().getTime().toString()"
Javob muallifi: Maxmudjon
izohdagi javob linki
.................................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
Assalomu Alaykum vuetifyda v-text-field ning autocomplete qanday qilib o'chirsa bo'ladi ?
Savol muallifi: Bexzod
..........................................................
Javob: :autocomplete="new Date().getTime().toString()"
Javob muallifi: Maxmudjon
izohdagi javob linki
.................................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
#savol_64 #javob_berildi
Assalomu alaykum laravelda vuejs v2 edi shuni vue 3 ga o'zgartirgandim shunaqa xatoliklar chiqib keldi har bir fayldagi o'zgarishlarni o'zgartirib chiqishim keremi yoki bir ikkita joyni o'zgartirsam ishlab ketadimi vue2dan vue3ga o'zgartirganlar bormi laravelda #js
Savol muallifi: โ
..........................................................
Javob: Xatoliklar hal qilindi muammo css-loaderda ekan eng sรถnggi versiyani รถrnatdim ishlab ketdi
Javob muallifi: โ
izohdagi javob linki
.....................................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
Assalomu alaykum laravelda vuejs v2 edi shuni vue 3 ga o'zgartirgandim shunaqa xatoliklar chiqib keldi har bir fayldagi o'zgarishlarni o'zgartirib chiqishim keremi yoki bir ikkita joyni o'zgartirsam ishlab ketadimi vue2dan vue3ga o'zgartirganlar bormi laravelda #js
Savol muallifi: โ
..........................................................
Javob: Xatoliklar hal qilindi muammo css-loaderda ekan eng sรถnggi versiyani รถrnatdim ishlab ketdi
Javob muallifi: โ
izohdagi javob linki
.....................................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
#savol_65 #javob_berildi
Assalomu aleykum! open methodga click boganda osha bosilgan id ni ochish kk manda xozir xammasi(yani 10ta userda batafsil dgan joyi bosilganda xammasi) ochilib yopilvoti.
Savol muallifi: Khudayberdiyev
Rasm 1
..........................................................
Javob:
Javob muallifi: Diyor Khasanov
izohdagi javob linki
................................................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
Assalomu aleykum! open methodga click boganda osha bosilgan id ni ochish kk manda xozir xammasi(yani 10ta userda batafsil dgan joyi bosilganda xammasi) ochilib yopilvoti.
Savol muallifi: Khudayberdiyev
Rasm 1
..........................................................
Javob:
template: v-if="isShownID === item.id",
data() { return { ..., isShownID: null } },
open(item) { isShownID = item.id }
Javob muallifi: Diyor Khasanov
izohdagi javob linki
................................................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
#savol_66 #javob_berildi
assalomu alaykum nuxtda tokenni saqlash uchun localStorageni qanday ishlatsa bo'ladi ?
Savol muallifi: Muhammadumar Musajonov
..........................................................
Javob: https://auth.nuxtjs.org/
Javob muallifi: Diyor Khasanov
izohdagi javob linki
.............................................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
assalomu alaykum nuxtda tokenni saqlash uchun localStorageni qanday ishlatsa bo'ladi ?
Savol muallifi: Muhammadumar Musajonov
..........................................................
Javob: https://auth.nuxtjs.org/
Javob muallifi: Diyor Khasanov
izohdagi javob linki
.............................................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
#savol_67 #javob_berildi
Qanday qilib Vue3 script setupda conditional dynamic load bo`layotgan componentani ref orqali olsam bo`ladi?
Savol muallifi: Rasul Yakubov
..........................................................
Javob: ref ni watch qilsangiz bo'lmaydimi?
Javob muallifi: Mirjalol Norqulov
izohdagi javob linki
.........................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
Qanday qilib Vue3 script setupda conditional dynamic load bo`layotgan componentani ref orqali olsam bo`ladi?
Savol muallifi: Rasul Yakubov
..........................................................
Javob: ref ni watch qilsangiz bo'lmaydimi?
Javob muallifi: Mirjalol Norqulov
izohdagi javob linki
.........................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
#savol_68 #javob_berildi
Assalomu alaykum.
Routerga ulanadigan componentlarni nomlashda qanday convention (nomlash usuli) dan foydalanasiz? Ya'ni biror page uchun ishlatiladigan componentlar. Masalan HomePage.vue, HomeView.vue
1. Nuxt style
2. Katta yoki kichik harflarda?
3. Oxiriga suffix qo'shasizmi? Masalan HomeView.vue yoki HomePage.vue yoki home.view.vue, home.page.vue
Fikrlaringizni bilmoqchi edim kim qanaqa usuldan foydalanishini.
Savol muallifi: Mirjalol Norqulov
..........................................................
Javob: Componentlani nomlash bo'yicha sho'ttayam yaxshi maslahat berilgan https://youtu.be/0SuU_GaqTzg
Javob muallifi: Muhammadamin Ibragimov
izohdagi javob linki
..................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
Assalomu alaykum.
Routerga ulanadigan componentlarni nomlashda qanday convention (nomlash usuli) dan foydalanasiz? Ya'ni biror page uchun ishlatiladigan componentlar. Masalan HomePage.vue, HomeView.vue
1. Nuxt style
2. Katta yoki kichik harflarda?
3. Oxiriga suffix qo'shasizmi? Masalan HomeView.vue yoki HomePage.vue yoki home.view.vue, home.page.vue
Fikrlaringizni bilmoqchi edim kim qanaqa usuldan foydalanishini.
Savol muallifi: Mirjalol Norqulov
..........................................................
Javob: Componentlani nomlash bo'yicha sho'ttayam yaxshi maslahat berilgan https://youtu.be/0SuU_GaqTzg
Javob muallifi: Muhammadamin Ibragimov
izohdagi javob linki
..................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
#savol_69 #javob_kutmoqda
Salom aleykum
Vue app production-da link-di ruchnoy yozsa yoki Usha page-di uzini refresh qilsa 404 bulyapti nimaga faqat endpoint qushilgan vaqt osnavnoy homepage-da ishlaydi refresh qilsa
/about-ga url-ga ruchnoy yozib quysa ishlamaydi not found lekin button-ga usha narsa berilgan ishlaydi
locally bez problem ishlayapti production -da shu problema build qilib dist papkani tashlaganmiz
Savol muallifi: otabek
....................................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing
Salom aleykum
Vue app production-da link-di ruchnoy yozsa yoki Usha page-di uzini refresh qilsa 404 bulyapti nimaga faqat endpoint qushilgan vaqt osnavnoy homepage-da ishlaydi refresh qilsa
/about-ga url-ga ruchnoy yozib quysa ishlamaydi not found lekin button-ga usha narsa berilgan ishlaydi
locally bez problem ishlayapti production -da shu problema build qilib dist papkani tashlaganmiz
Savol muallifi: otabek
....................................................
Savol berish uchun @vuejs_uz_savol_javob_bot ga yozing