Плз, насколько популярна разработка нативных мобильных приложений на вью?

|
sonprognas 2022-07-02 13:19:52
Уже долго
VasoTelvi 2022-07-02 13:20:37
sonprognas 2022-07-02 13:19:29
когда новый проект создаваю и запускаю нормально

Возможно вы вагон плагинов цепляете?

sonprognas 2022-07-02 13:20:52
Нет только vue-router
VasoTelvi 2022-07-02 13:21:30
sonprognas 2022-07-02 13:20:52
Нет только vue-router

Смотрите в диспетчер задач при запуске билда

mattersj 2022-07-02 13:34:46
i47uen 2022-07-02 13:02:58
<script setup lang=»ts»>
let openMenu: boolean = false;
</script>

@click=»openMenu = !openMenu»

почему не меняется значение? что не так

потому что нужно сначала почитать документацию
https://vuejs.org/guide/essentials/reactivity-fundamentals.html#reactive-variables-with-ref

Reactivity Fundamentals | Vue.jsvuejs.org
Vue.js — The Progressive JavaScript Framework
vladissick 2022-07-02 13:59:27
vuejs_ru-1089668.jpg
Ребят подскажите почему массив не реагируует на изменения в доме? То есть я его фильтрую заменяю а на экране остается прежнее.
пробовал через компютед сделать тоже ничего
zlobinilya 2022-07-02 14:03:32
vladissick 2022-07-02 13:59:27
Ребят подскажите почему массив не реагируует на изменения в доме? То есть я его фильтрую заменяю а на экране остается прежнее.
пробовал через компютед сделать тоже ничего

Покажи как массив инициализируется

vladissick 2022-07-02 14:03:55
zlobinilya 2022-07-02 14:03:32
Покажи как массив инициализируется

let allPurchases = reactive([ { date: «\»2017-04-25T00:00:00.000Z\»», value: «22», currency: «CAD», product: «Jogurt», id:3 }, { date: «\»2017-04-25T00:00:00.000Z\»», value: «50», currency: «UAH», product: «Jogurt», id:2 }, { date: «\»2017-04-25T00:00:00.000Z\»», value: «12», currency: «USD», product: «Jogurt», id:1 } ])

zlobinilya 2022-07-02 14:04:40
Ну так там нужно к велью обращаться
zlobinilya 2022-07-02 14:04:59
А ты просто перезаписываешь весь обьект
vladissick 2022-07-02 14:05:00
zlobinilya 2022-07-02 14:04:40
Ну так там нужно к велью обращаться

так нет же вроде, это не реф ведь

islambeg 2022-07-02 14:05:20
vladissick 2022-07-02 14:03:55
let allPurchases = reactive([ { date: «\»2017-04-25T00:00:00.000Z\»», value: «22», currency: «CAD», product: «Jogurt», id:3 }, { date: «\»2017-04-25T00:00:00.000Z\»», value: «50», currency: «UAH», product: «Jogurt», id:2 }, { date: «\»2017-04-25T00:00:00.000Z\»», value: «12», currency: «USD», product: «Jogurt», id:1 } ])

Ты меняешь референс к реактив объекту, из-за этого теряется реактивность

islambeg 2022-07-02 14:05:44
Если хочешь перезаписывать референс стейта, то используй ref
zlobinilya 2022-07-02 14:09:44
vladissick 2022-07-02 14:05:00
так нет же вроде, это не реф ведь

vuejs_ru-1089676.jpg

RemiZOffAlex 2022-07-02 14:12:49
maxgrq 2022-07-02 13:10:09
Как так? Мне кажется это намного популярнее обычного сайта

Ну вот представь, ты ставишь приложение. Вроде это просто и ничего такого из ряда вон выходящего. Теперь давай посмотрим: банк-клиент, мессенджер (несколько), социальная сеть (несколько), приложение для заказа еду, приложение для заказа воды, приложение для заказа товаров (а то и несколько), пара или десяток игр, читалка для книг, VPN, навигатор, карта, музыкальный плеер, видео, такси, курьерская доставка, новости, финансы, погода, спорт

А тут ещё ты со своим приложением: Моё супер важное приложение на 100 МБ и кучей разрешений, без которых не заработает, т.к. ты его криво запилил

Это я ещё молчу про госуслуги, налоги, бизнес-аналитику, чеки и прочее бизнесовое

vladissick 2022-07-02 14:13:15
zlobinilya 2022-07-02 14:09:44

есть понял)

Khusanov_M_R 2022-07-02 14:13:15
Всем привет

Проблема:
При загрузке фотографии с айфона все идет нормально, но когда я получаю эту фотку она приходит повернутой, а иногда вверх ногами

С виндовс и андроид платформой такого нет

Как можно это решить?

vladissick 2022-07-02 14:13:45
reactive для того чтобы пропсы обьекта менять реактивно а реф чтобы реассайнить
vladissick 2022-07-02 14:13:50
как то так насколь понял
zlobinilya 2022-07-02 14:14:25
Я с композишн не работаю, но думаю, что примерно так
maxgrq 2022-07-02 14:14:59
RemiZOffAlex 2022-07-02 14:12:49
Ну вот представь, ты ставишь приложение. Вроде это просто и ничего такого из ряда вон выходящего. Теперь давай посмотрим: банк-клиент, мессенджер (несколько), социальная сеть (несколько), приложение для заказа еду, приложение для заказа воды, приложение для заказа товаров (а то и несколько), пара или десяток игр, читалка для книг, VPN, навигатор, карта, музыкальный плеер, видео, такси, курьерская доставка, новости, финансы, погода, спорт

А тут ещё ты со своим приложением: Моё супер важное приложение на 100 МБ и кучей разрешений, без которых не заработает, т.к. ты его криво запилил

Это я ещё молчу про госуслуги, налоги, бизнес-аналитику, чеки и прочее бизнесовое

Но это же может быть приложением той самой доставки еды (суши, пицца и т.п.), оно же вроде популярно

А так даже хз, что-то в этом есть)

shgkme 2022-07-02 14:15:52
maxgrq 2022-07-02 12:59:41
подскажите плз, насколько популярна разработка нативных мобильных приложений на вью?
Или реакт-нэйтив в этом плане востребований?

Не так популярна, как на RN, но есть. Варианты разные, от простых с PWA, WebView, до близких к нативным с NativeScript-Vue

shgkme 2022-07-02 14:17:34
vladissick 2022-07-02 14:13:45
reactive для того чтобы пропсы обьекта менять реактивно а реф чтобы реассайнить

ref — это просто «обёртка» для реактивного хранения значения. Что это будет за значение — не важно.
Просто есть value, и Vue умеет отслеживать как использование value, так и изменение value.

reactive — позволяет отслеживать использование и изменения объектов (в т.ч. массивов).

shgkme 2022-07-02 14:17:55
Если в ref положить объект, то объект будет реактивным внутри, потому что ref вернёт не объект, а reactive(value)
Lugovenche 2022-07-02 15:50:46
Есть миксин WorkService.js, в котором пишу метод
viewDetails(id){
let workToView = _.find(this.works, {id:id})
this.$emit(«viewDetails»,workToView);
}
который нужен при передачи выбранного обьекта.
При отображении детальной странички мне нужно его получить
import WorkService from «../../mixins/WorkService»;
export default {
mixins: [WorkService],
data(){
return{
work:{}
}
},
created() {
WorkService.$on(‘viewDetails’,(selectedWork) =>{
this.work = selectedWork
})
}
}
Сейчас уже стоит vue3 и встроенный метод $on уже не срабатывает. Как теперь писать?
YuryDmitriev 2022-07-02 16:27:56
Lugovenche 2022-07-02 15:50:46
Есть миксин WorkService.js, в котором пишу метод
viewDetails(id){
let workToView = _.find(this.works, {id:id})
this.$emit(«viewDetails»,workToView);
}
который нужен при передачи выбранного обьекта.
При отображении детальной странички мне нужно его получить
import WorkService from «../../mixins/WorkService»;
export default {
mixins: [WorkService],
data(){
return{
work:{}
}
},
created() {
WorkService.$on(‘viewDetails’,(selectedWork) =>{
this.work = selectedWork
})
}
}
Сейчас уже стоит vue3 и встроенный метод $on уже не срабатывает. Как теперь писать?

Документация говорит о том, чтобы заменять on на глобальный eventbus. Но это плохая идея

raissound 2022-07-02 16:28:15
vuejs_ru-1089690.jpg
Всем привет, есть какое-нибудь изящное решение такую полосу сделать? (можно js)
L_0gan74 2022-07-02 16:38:31
а как сделать, что при авторизации пропадают кнопки войти и зарегаться?
raissound 2022-07-02 16:40:03
L_0gan74 2022-07-02 16:38:31
а как сделать, что при авторизации пропадают кнопки войти и зарегаться?

добавляешь флаг, например isAuth
изначально ставишь false
когда пользователь авторизовался меняешь на true
кнопкам делаешь v-if=»!isAuth»

L_0gan74 2022-07-02 16:40:48
raissound 2022-07-02 16:40:03
добавляешь флаг, например isAuth
изначально ставишь false
когда пользователь авторизовался меняешь на true
кнопкам делаешь v-if=»!isAuth»

понял, cпасибо

duuuck 2022-07-02 16:42:14
raissound 2022-07-02 16:28:15
Всем привет, есть какое-нибудь изящное решение такую полосу сделать? (можно js)

можно написать css’ом одну полосчку и js’ом добавлять еще одну до тех пор пока общая ширина полосочек не будет равна ширине контента))

raissound 2022-07-02 16:44:05
duuuck 2022-07-02 16:42:14
можно написать css’ом одну полосчку и js’ом добавлять еще одну до тех пор пока общая ширина полосочек не будет равна ширине контента))

ну это самое первое в голову пришло, но хотелось ченить поинтересней

duuuck 2022-07-02 16:45:21
raissound 2022-07-02 16:44:05
ну это самое первое в голову пришло, но хотелось ченить поинтересней

можешь вставлять эту штуку как фоновое изображение, но оно будет неровно обрезаться вначале и в конце

поэтому ты можешь использовать after before с цветом фона чтобы они перекрывали неровные половинки палок которые будут торчать в конце и в начале)))

raissound 2022-07-02 16:46:05
картинка точно нет, это ж пздц)
уж лучше js
duuuck 2022-07-02 16:46:46
raissound 2022-07-02 16:46:05
картинка точно нет, это ж пздц)
уж лучше js

а почему точно нет?) ты ж возьмешь паттерн — маленький кусочек картинки который будет размножаться право до бесконечности

raissound 2022-07-02 16:47:09
а, ты имеешь ввиду картинку размножать
duuuck 2022-07-02 16:47:14
конечно
🤍ﮩـ٨ــﮩﮩـ٨ـﮩـﮩ٨ﮩﮩـ٨ــﮩﮩ٨ 2022-07-02 16:47:24
ну или CSS / размер и цвет и отступы повторить
raissound 2022-07-02 16:47:26
так тем более зачем, div’ы размножать намного лучше
🤍ﮩـ٨ــﮩﮩـ٨ـﮩـﮩ٨ﮩﮩـ٨ــﮩﮩ٨ 2022-07-02 16:47:31
/ / / / / / // // / / / /
duuuck 2022-07-02 16:48:23
raissound 2022-07-02 16:44:05
ну это самое первое в голову пришло, но хотелось ченить поинтересней

если придумаешь что-нибудь поинтереснее пиши

duuuck 2022-07-02 16:48:28
а то мне теперь тоже интересно
raissound 2022-07-02 16:48:34
как вариант, можно сделать одну такую линию в svg, размером примерно 3000px и просто обрезать ее, но хз насколько это хорошо будет
raissound 2022-07-02 16:49:27
duuuck 2022-07-02 16:48:23
если придумаешь что-нибудь поинтереснее пиши

это еще все в гриды нужно запихать))

duuuck 2022-07-02 16:50:17
raissound 2022-07-02 16:49:27
это еще все в гриды нужно запихать))

нет

raissound 2022-07-02 16:50:27
vuejs_ru-1089711.jpg
да)
raissound 2022-07-02 16:50:42
я имею ввиду что обертка вся на гридах
duuuck 2022-07-02 16:50:45
ну всмысле эти палочки не будут гридами, наверное
duuuck 2022-07-02 16:50:48
обертка-то понятно
🤍ﮩـ٨ــﮩﮩـ٨ـﮩـﮩ٨ﮩﮩـ٨ــﮩﮩ٨ 2022-07-02 16:51:11
вы глаза долбитесь? — это слеш обычный
|