npm run dev это из вебпак шаблона

npm run dev это из вебпак шаблона

который можно поставить с помощью 3 кли без проблем

ну да

Ребят) подсобите) Делаю адаптацию и темизацию приложения. Есть некоторые функции и переменные, которые мне нужно в каждом компоненте использовать, к примеру такие функции как rem, getColor и т.д. ну и естественно нужны глобальные переменные... Конечно не хочется постоянно в каждый компонент импортировать стили. Можно ли реализовать мои нужды под vue? PS: я пользуюсь в разных проектах разными препроцессорами (stylus и sass). Хотелось бы, чтобы решение (если есть) работало со всеми препроцессорами, а то я видел как-то под sass советовали использовать sass-resources-loader для этих дел, но я не только с sass работаю.

Ребят) подсобите) Делаю адаптацию и темизацию приложения. Есть некоторые функции и переменные, которые мне нужно в каждом компоненте использовать, к примеру такие функции как rem, getColor и т.д. ну и естественно нужны глобальные переменные... Конечно не хочется постоянно в каждый компонент импортировать стили. Можно ли реализовать мои нужды под vue? PS: я пользуюсь в разных проектах разными препроцессорами (stylus и sass). Хотелось бы, чтобы решение (если есть) работало со всеми препроцессорами, а то я видел как-то под sass советовали использовать sass-resources-loader для этих дел, но я не только с sass работаю.

Да

Да

как?

как?

https://github.com/vuejs/vue-loader/issues/328

Подскажите как правильно, есть компонент с формой, в компонент передаю перменные через входные параметры, внутри компонента к форме прописываю перменные через v-model. И у меня полчается, что переменные начинают изменяться и в текущем компоненте и в родительском компоненте. На сколько я правильно понял док, родительские переменные нужно менять, только через события. Так? а почему же Vue сам это допускает изменять родительские переменные через входные параметры?

как?

{ test: /\.vue$/, exclude: /(node_modules|bower_components)/, loader: 'vue-loader', options: { extractCSS: true, loaders: { scss: 'vue-style-loader!css-loader!sass-loader?data=@import "./static/styles/scss/global.scss";' } } }

https://github.com/vuejs/vue-loader/issues/328

я видел как раз-таки эту страницу, там как раз и предлогают sass-resource... а остальные ответы не факт что рабочие + я использую vue-cli и там настройка немного другая, не понятно до конца как и что будет работать. это просто ответы без конкретного так сказать рецепта...

я видел как раз-таки эту страницу, там как раз и предлогают sass-resource... а остальные ответы не факт что рабочие + я использую vue-cli и там настройка немного другая, не понятно до конца как и что будет работать. это просто ответы без конкретного так сказать рецепта...

Что не так то?

Как два пальца все расписано

я видел как раз-таки эту страницу, там как раз и предлогают sass-resource... а остальные ответы не факт что рабочие + я использую vue-cli и там настройка немного другая, не понятно до конца как и что будет работать. это просто ответы без конкретного так сказать рецепта...

Вместо sass ты можешь что угодно юзать

{ test: /\.vue$/, exclude: /(node_modules|bower_components)/, loader: 'vue-loader', options: { extractCSS: true, loaders: { scss: 'vue-style-loader!css-loader!sass-loader?data=@import "./static/styles/scss/global.scss";' } } }

таким способом?

таким способом?

Да. Я думаю тебе стоит больше почитать про конфиги вебпака

Да. Я думаю тебе стоит больше почитать про конфиги вебпака

у меня нет особых проблем с конфигурацией вебпака, я не совсем догоняю как его настроить под vue-cli 3.0 в vue.config.js, не очень понятна мне там дока

Да. Я думаю тебе стоит больше почитать про конфиги вебпака

другой вопрос попробую задать, это хорошая практика вообще в vue, при компонентном подходе использовать глобальные переменные и функции препроцессора?

Подскажите как правильно, есть компонент с формой, в компонент передаю перменные через входные параметры, внутри компонента к форме прописываю перменные через v-model. И у меня полчается, что переменные начинают изменяться и в текущем компоненте и в родительском компоненте. На сколько я правильно понял док, родительские переменные нужно менять, только через события. Так? а почему же Vue сам это допускает изменять родительские переменные через входные параметры?

Да, так. Потому что не используй пропсы в v-model

Да, так. Потому что не используй пропсы в v-model

Cпасибо

Господа, мне нужно сделать поиск по названию элемента в todo листе, который находится во Vuex. Как лучше это сделать?

геттер запилить

Господа, мне нужно сделать поиск по названию элемента в todo листе, который находится во Vuex. Как лучше это сделать?

И в чем проблема? ) Как строку в подстроке найти? Как тудушки выводить? ? getter с фильрацией по smthSearch string в компоненте или/и доставать из стэйта по smthSearch (getters as methods: https://vuex.vuejs.org/ru/guide/getters.html#%D1%81%D1%82%D0%B8n%D1%8C-%D0%BE%D0%B1%D1%80%D0%B0%D1%89%D0%B5%D0%BD%D0%B8%D1%8F-%D0%BA%D0%B0%D0%BA-%D0%BA-%D0%BC%D0%B5%D1%82%D0%BE%D0%B4%D0%B0%D0%BC) или/и dumb / smart components smart достает/фильтрует/smth отдает dumb компоненту, который умеет только показать (v-for по items) У вас что там тестовое задание или самообучение?

Спасибо

Тестовое

Привет. Я правильно понимаю, что на текущий момент нет возможности получить типизацию стора внутри компонента с использованием Typescript? Например, у меня есть экшн, который принимает параметр. Если из MyComponent.vue я его вызову без параметров, ts это скушает.

Привет. Я правильно понимаю, что на текущий момент нет возможности получить типизацию стора внутри компонента с использованием Typescript? Например, у меня есть экшн, который принимает параметр. Если из MyComponent.vue я его вызову без параметров, ts это скушает.

Там щас чё та пилят на этот счет. Если интересно, можешь поискать в issues вьюкса

Там щас чё та пилят на этот счет. Если интересно, можешь поискать в issues вьюкса

Ну т.е. именно сейчас нет, правильно?

Привет. Я правильно понимаю, что на текущий момент нет возможности получить типизацию стора внутри компонента с использованием Typescript? Например, у меня есть экшн, который принимает параметр. Если из MyComponent.vue я его вызову без параметров, ts это скушает.

Если что найдешь - дай знать, плиз

Понял, спасибо :) @BigTRex ну вот я как раз искал, пересмотрел десяток репозиториев, решил написать сюда. Видимо на данный момент это действительно невозможно. Если не городить совсем костыли.

Понял, спасибо :) @BigTRex ну вот я как раз искал, пересмотрел десяток репозиториев, решил написать сюда. Видимо на данный момент это действительно невозможно. Если не городить совсем костыли.

Кажется оно https://github.com/vuejs/vuex/pull/1121

Кажется оно https://github.com/vuejs/vuex/pull/1121

Ну да, видел этот PR. Вот только печально, что открыт он аж в январе, люди периодически спрашивают когда уже, а он все open и open.. :D

Ребят , а это норм практика использовать es6 класс в data? Ну примерно : user: new User(params)

Соответсвенно и классовые методы юзать в методах вуя или это чересчур ?

Соответсвенно и классовые методы юзать в методах вуя или это чересчур ?

Гитлаб так делает

я лично профита не вижу

это не бекенд, где у сущностей есть поведение

Да, так. Потому что не используй пропсы в v-model

А как надо ? Я совсем новичок во VueJS и в js framework-ах, даже библ. jquery особо не юзал(кроме ajax). Опишу подробнее мой случай: список и элемент списка - компоненты, элемент списка содержит две формы(в виде табов), я через props передаю объект с данными для обеих форм и их нужно будет отправлять ajax запросами и как это правильно сделать ? не формы отправить, а параметры передать

может кто подсказать где посмотреть как использовать 2 разных темплейта в зависимости от url

напимер при / -> MainSite.vue при /account/ -> Account.vue у каждого из них есть зависимые темплейты

у каждого свои отдельные css и тд

if (window.location.href === url) не ?

напимер при / -> MainSite.vue при /account/ -> Account.vue у каждого из них есть зависимые темплейты

if (window.location.href === url) не ?

напимер при / -> MainSite.vue при /account/ -> Account.vue у каждого из них есть зависимые темплейты

Ты че за роутер спрашиваешь?

Ты че за роутер спрашиваешь?

похоже нет

роутер у меня уже есть, которые роутит между MainSite и его подтемплейтами

Вложенные потомки

Если без домена можно: window.location.pathname

роутер у меня уже есть, которые роутит между MainSite и его подтемплейтами

Подошло?

А как надо ? Я совсем новичок во VueJS и в js framework-ах, даже библ. jquery особо не юзал(кроме ajax). Опишу подробнее мой случай: список и элемент списка - компоненты, элемент списка содержит две формы(в виде табов), я через props передаю объект с данными для обеих форм и их нужно будет отправлять ajax запросами и как это правильно сделать ? не формы отправить, а параметры передать

Что за данные ты передаешь через пропсы? Для чего они?

короче объект, с набором !простых! свойств

чтобы подставить в форму

типо значение по умолчанию или скрытые поля формы по типу csrf_token

Так

Пропсы в бинди на value.

Да. Я думаю тебе стоит больше почитать про конфиги вебпака

вот так делается без сторронних плагинов во vue-cli 3.0 https://cli.vuejs.org/guide/css.html#passing-options-to-pre-processor-loaders

А ввод данных пользователем отправляй событием в родитель (или где там тебе эти данные обработать нужно)

Так

Типо того ? script: export default { name: "Project_item", props: {project: Object, index: Number}, ... }; template: ... <input type="text" name="project_name" :value="project.name" hidden> ... А по поводу отправки, у меня на странице много элементов в каждом из которых есть по 2 формы, я думаю правильнее будет генерить событие в дочернем компоненте и родителем обрабтывать все события такого типа ?

Типо того ? script: export default { name: "Project_item", props: {project: Object, index: Number}, ... }; template: ... <input type="text" name="project_name" :value="project.name" hidden> ... А по поводу отправки, у меня на странице много элементов в каждом из которых есть по 2 формы, я думаю правильнее будет генерить событие в дочернем компоненте и родителем обрабтывать все события такого типа ?

Да, да

Да, да

Спасибо ! :)

Спасибо ! :)

?

ERROR: S client not available

Подошло?

да. спасибо

напимер при / -> MainSite.vue при /account/ -> Account.vue у каждого из них есть зависимые темплейты

Роутер и его аргументы.

?

Так, пока вы здесь, можно у вас ещё узнать следующую инфу: Где в доке(или не в доке) прочитать про обновление данных в целом, ну типо что такое пуллинг и лонг пуллинг я знаю, а вот как это всё делать во Vue, правда тут я немного не то спрашиваю, в начале хотя бы это: отправил я запрос на обработку формы в ответ с api получил обновлённую сущность - обновленный элемент списка, как мне новые данные сразу же подставить в элемент списка ?

Документацию читал, правда не всю ...

Пока дошел до "Входные параметры" (прямо сейчас читаю)

А вообще пишу SPA + Django REST Framework

В документации нет базовых объяснений построения спа. Есть примеры.

Так, пока вы здесь, можно у вас ещё узнать следующую инфу: Где в доке(или не в доке) прочитать про обновление данных в целом, ну типо что такое пуллинг и лонг пуллинг я знаю, а вот как это всё делать во Vue, правда тут я немного не то спрашиваю, в начале хотя бы это: отправил я запрос на обработку формы в ответ с api получил обновлённую сущность - обновленный элемент списка, как мне новые данные сразу же подставить в элемент списка ?

1. Вопрос про сетевой long-polling ? 2. Чтобы обновить какой-либо отрисованный блок, нужно просто обновить данные из которых он рисуется. Если сервер прислал элемент массива (списка) - достаточно заменить/обновить данные по индексу массива, где лежит этот элемент. Подробнее и про нюансы в разделе "Рендеринг списков" (если я в названии раздела не ошибся)

https://ru.vuejs.org/v2/guide/list.html#ad

Типо того: methods: this.data.projects[index]=типоresponse.data.project

1. Вопрос про сетевой long-polling ? 2. Чтобы обновить какой-либо отрисованный блок, нужно просто обновить данные из которых он рисуется. Если сервер прислал элемент массива (списка) - достаточно заменить/обновить данные по индексу массива, где лежит этот элемент. Подробнее и про нюансы в разделе "Рендеринг списков" (если я в названии раздела не ошибся)

Типо того ?: methods: this.data.projects[index]=типоresponse.data.project А не лучше ли в этом случае обновлять данные и отправлять запрос непосредственно в дочернем элементе и там же обновлять каким-то образом(пока не знаю каким) тот же props или доступ к изменению props -а невозможен ? Прошу прощения если вопросы тупые, студент, пишу код и параллельно читаю доку, не успеваю по времени написать реализацию поэтому всё так грустно

@c01nd01r Это last вопрос :)

Типо того ?: methods: this.data.projects[index]=типоresponse.data.project А не лучше ли в этом случае обновлять данные и отправлять запрос непосредственно в дочернем элементе и там же обновлять каким-то образом(пока не знаю каким) тот же props или доступ к изменению props -а невозможен ? Прошу прощения если вопросы тупые, студент, пишу код и параллельно читаю доку, не успеваю по времени написать реализацию поэтому всё так грустно

типа того. По поводу отправки запроса - обычно считается хорошей практикой разбивать компоненты на умные и глупые. Умные, обычно родители, обрабатывают данные и рулят детьми. Глупые, обычно дети, занимаются отображением/отрисовкой родительских данных/отправкой ивентов родителям. Соответственно, это все можно масштабировать по разному, главное стараться отделять работу с данными от отрисовки.

@c01nd01r Ещё раз большое вам спасибо :)

@c01nd01r Ещё раз большое вам спасибо :)

Да без проблем? Успехов

TypeError: modules[moduleId] is undefined

такое было у кого?

такое было у кого?

Неа

Как только запустил дев-сервер такое?

Не было

такое было у кого?

Эта проблема при запуске дев-сервера?

на деве в консоли браузера уже

на проде, кажется, тоже, но жутко завуалировано

есть ощущение, что связано с асинхронными модулями

но механизм возникновения покрыт завесом тайны

раскрывать ручками ппц долго щас((

это что-то вебпаковское 90%

в их чате уже спросил. молчат как партизаны.

на деве в консоли браузера уже

CSSNano стоит?

нет