Nastya
интересно, а сколько надо просидеть в чате, чтобы начать стенать "откуда вы лезете" наравне с олдовыми?
Oleh
можно сразу после того, как вошел
Bohdan
Varyen
прикольно вообще как один пост на хабре так поднял количество людей
Varyen
ссылка вообще в самом конце
Nikita 🦫
Так в превью была, не?
Varyen
а, не, не в конце
Askhat
Ребят всем привет. Такой вопрос. Как мне использовать готовые компоненты готовые с подключенным vue js через <script>? Реально ли это? У меня сайт наполовину через Django, наполовину Vuejs и готовые компоненты бы не помешали в работе
Bohdan
а что за статья? слоупок.жпг
Varyen
примеры в мануале вообще в самом начале )
Bohdan
странно, у меня нет ничего
либо я провтыкал и сразу его убрал
Bohdan
но ладно, хрен с ней
Askhat
То есть сначала компонент подключается а потом мы скрипт?
Varyen
если без всяких сборщиков, то ты подключаешь Vue, определяешь компоненты хоть в одном файле все, ну а дальше делаешь инстанс Vue и все, у тебя все работает
Varyen
https://ru.vuejs.org/v2/guide/components.html вот пример
Varyen
до new Vue в твоем случае ты должен все компоненты определить
Askhat
```
...
components: {
MyComponent
}
...
```
С помощью es6 я могу взять любой компонент например календарь и назвать его MyComponent при импорте и он подключится с тегом my-component
Другое дело если я сначала подключаю <script> с путем до календаря и потом не пойму под каким именем его подключить так как он собран с помощью сборщика, а мои скрипты нет)
Но собран он umd
Askhat
С моими написанными компонентами без сборщика я понимаю как их подключить в принципе, а вот с компонентами которые были собраны не пойму.
Или все одно и тоже?
Varyen
так я не пойму, у тебя есть сборщик какой-то на проекте или нет?
Varyen
если есть вебпак, то vue-loader за тебя сам все сделает считай
Varyen
если нет, то можно ручками как в мануале
Askhat
Сборщика нет. Сейчас подробнее объясню
Varyen
тут мало отличается от плагинов джиквери, если можно сравнить
Varyen
Ты загружаешь Vue, дальше цепляешь на него "плагины" (определяешь компоненты)
Varyen
дальше делаешь инстанс new Vue и работаешь с ними
Stanislav
Сборщика нет. Сейчас подробнее объясню
Те в плагине надо найти, какую переменную он передает на ружу как точку входа
Askhat
https://github.com/icai/vue2-calendar
Askhat
Допустим этот компонент
Askhat
Надо подключить в обычный скрипт
Stanislav
Ну вот и смотри, какую переменную он экспортит
Ihor
Кто знает, почему выдает ошибку 'Do not mutate vuex store state outside mutation handlers' ?
Хоть я не изменяю его без мутации, а просто после гетера в computed (через mapGetters) кидаю пропсами в дочерний элемент
P.S. Включен стрикт мод стора
Ihor
Я как бы временно решил эту проблему, гетаю что нужно прям в дочернем элементе, но не думаю что это красивое решение)
Хотя хз, может так и нужно
Кто может подсказать?)
Oleksandr
Alexander
Кто знает, почему выдает ошибку 'Do not mutate vuex store state outside mutation handlers' ?
Хоть я не изменяю его без мутации, а просто после гетера в computed (через mapGetters) кидаю пропсами в дочерний элемент
P.S. Включен стрикт мод стора
после того как прокидываешь можешь изменять, попробуй мапнуть ( я про тот который .map() ) в computed
Ihor
после того как прокидываешь можешь изменять, попробуй мапнуть ( я про тот который .map() ) в computed
data() {
return {
dataNews: [],
}
},
computed: {
...mapGetters({
news: GETTERS.GET_NEWS,
}),
},
created() {
this.dataNews = this.news.map(elem => elem)
},
Так сделал, получилось хуже, а работает также)
(до этого была только часть с computed)
Alexander
data() {
return {
dataNews: [],
}
},
computed: {
...mapGetters({
news: GETTERS.GET_NEWS,
}),
},
created() {
this.dataNews = this.news.map(elem => elem)
},
Так сделал, получилось хуже, а работает также)
(до этого была только часть с computed)
я обычно не через mapGetters прокидывал, сорри
в том случае помогало
Ihor
Плохо, ну ладно)
А что, .map(elem => elem) работает как deepcopy? 😅
Oleksandr
data() {
return {
dataNews: [],
}
},
computed: {
...mapGetters({
news: GETTERS.GET_NEWS,
}),
},
created() {
this.dataNews = this.news.map(elem => elem)
},
Так сделал, получилось хуже, а работает также)
(до этого была только часть с computed)
Тебе в твоём примере нужно клонить то, что ты получил из геттера. Способ - в зависимости от того, что там
Ihor
Тебе в твоём примере нужно клонить то, что ты получил из геттера. Способ - в зависимости от того, что там
Так в примере я же вроде и склонил, перезаписав в дату с .map()
Потом уже работал с новой переменной
Oleksandr
Если у тебя массив объектов, они всё равно передадутся по ссылке
Anonymous
Жсон парсе и стриндифай как дип копи норм практика?
Oleksandr
Для простых данных - норм
Anonymous
Какие бывают еще
Oleksandr
Ну, он вроде не сильно быстрый. К тому же не всё можно через него протащить (те же функции). Но их в сторе быть и не должно
Dmytro
Всем привет
Кто что использует для input masking?
Что-то не могу никак подключить варианты, которые нахожу
Nikita
vue-the-mask вроде норм, кто-то еще imask советует
Dmytro
vue-the-mask вроде норм, кто-то еще imask советует
Maxim
>React-Native is a cross-platform mobile framework
как можно дальше статье верить
Maxim
ой, соряны, некропостнул
Maxim
про эту статью говорил
Maxim
https://medium.com/the-react-native-log/comparing-the-performance-between-native-ios-swift-and-react-native-7b5490d363e2
xxtux
Насчет vscode, никто не знает способа сделать group на весь экран? А не в сплит. Хочу переключаться между наборами открытых файлов
Виктор
ребят, есть вопрос, сталкнулся с проблемой ("Error in created hook: "TypeError: Cannot read property 'get' of undefined") подключение vue-resource делаю в теге head. В Network показывает что файл загружен(vue-resource), но в this нет метода $http. Локально всё отрабатывает норм, при выкате на прод вылазит этаошибка. Есть какие идеи из-за чего это может быть?
Виктор
Возьми axios
так а с vue-resource что не так? до этой хрени к нему притензий не было.Просто даже понятия не имею из-за чего вылезло
Nikita
Stanislav
так а с vue-resource что не так? до этой хрени к нему притензий не было.Просто даже понятия не имею из-за чего вылезло
потому что axios более универсальный клиент. Лучше поддержка
Dmytro
там написано, что не указан export default
Ну я вижу что там написано)
Не очень понимаю как это решить
Импорт пакета локально в компонент происходит ведь за пределами export default компонента
🐏 Alexander
Как не посмотришь в чат, постоянно пишут про vue-resource, $http, axios, темы топчик прям
xxtux
fetch-guy
Oleksandr
скрипт с объектом vue стоит последним
Хз тогда. Похоже что по какой-то причине window.Vue на момент загрузки vue-resource ещё нет, и он не инсталлится
Виктор
Хз тогда. Похоже что по какой-то причине window.Vue на момент загрузки vue-resource ещё нет, и он не инсталлится
эта проблема только на проде, у меня локально всё норм работает
Oleksandr
эта проблема только на проде, у меня локально всё норм работает
Это понятно, но магия иногда случается. Лучше начинать проверять все возможные проблемы с самой простой и очевидной :)
Артур
Посоветуйте Ajax либу для vue
.
Axios
Varyen
axios
Артур
Принял. Спс
Артур
Deferred обязательное требование
Vladimir
vue-resource :D