что за ошибка

я не совсем понимаю к чему это

Переведи

к тому что у тебя в компоненте должен быть один рут елемент

т.е. их нужно обернуть в див?

<template> Тут может быть только один элемент </template>

т.е. их нужно обернуть в див?

da

ухх, мерси

Привет, есть задача. Страница входа/регестрации - если пользователь уже авторизирован - должен быть редирект. Данные про авторизацию хранятся в сторе. Сейчас я сделаю проверку на авторизацию в created() но мне не нравится, что страница все же отрисовуется а потом редиректит, возможно есть более правильній способ?

Привет, есть задача. Страница входа/регестрации - если пользователь уже авторизирован - должен быть редирект. Данные про авторизацию хранятся в сторе. Сейчас я сделаю проверку на авторизацию в created() но мне не нравится, что страница все же отрисовуется а потом редиректит, возможно есть более правильній способ?

Сейчас также пилю подобия мидлваров, вот чем воспользовался: https://markus.oberlehner.net/blog/implementing-a-simple-middleware-with-vue-router/ В данном случае проверки идут в роутинге

Есть какой то канал по верстке?

Есть какой то канал по верстке?

@css_ru

@css_ru

Спасибо

Парни, а как правильно вот такую конструкцию сделать? у меня прилает форма и по пост через аксиос отправляется в базу, затем как все отправилось нужно опять вытащить из базы и показать резалт, я сделал вот так, но получаю ошибку .post('http://192.168.2.200/_web/vue/api.php?s=i',{ body: { ........... } }) .then( response => axios.get('http://192.168.2.200/_web/vue/api.php?s=g').then(response => (this.materials = response.data)) ) .catch( e => { console.log(e) } );

поменяй response на ()

А ещё - почитай про eslint

Парни, а как правильно вот такую конструкцию сделать? у меня прилает форма и по пост через аксиос отправляется в базу, затем как все отправилось нужно опять вытащить из базы и показать резалт, я сделал вот так, но получаю ошибку .post('http://192.168.2.200/_web/vue/api.php?s=i',{ body: { ........... } }) .then( response => axios.get('http://192.168.2.200/_web/vue/api.php?s=g').then(response => (this.materials = response.data)) ) .catch( e => { console.log(e) } );

.post('http://192.168.2.200/_web/vue/api.php?s=i',{ body: { ........... } }) .then( () => axios.get('http://192.168.2.200/_web/vue/api.php?s=g').then(response => (this.materials = response.data)) ) .catch( e => { console.log(e) } );

Он явно говорит, что response переменная описана, но не используется, что не рекомендуется по правилам написания кода, ибо может привести к ошибке. Делает это eslint, которй установлен и настроен на вывод ошибок при нахождении подобных ошибок

поменяй response на ()

большое мерси

А ещё - почитай про eslint

тоже мерси

Он явно говорит, что response переменная описана, но не используется, что не рекомендуется по правилам написания кода, ибо может привести к ошибке. Делает это eslint, которй установлен и настроен на вывод ошибок при нахождении подобных ошибок

да я понял, не понял как по синтаксису

у кого-то есть опыт подключения лайв-чатов?

дали скрипт, говорят закинь просто перед закрывающим боди

helpcrunch называется

Думаю, сейчас отличный момент, чтобы задать один вопрос. Сам я изучал "современный" веб довольно поэтапно, проходя через препроцессоры, таскеры и watchers в IDE, babel, gulp, webpack, соответственно учился писать конфиг вебпака и настраивать бабель, чтобы всё работало и т.д. С другой стороны, есть vue cli и подобное, что позволяет сразу сделать "приложение, которое просто работает", где ещё и конфиг вебпака будет где-то спрятан и т.д. Вопрос такой, как правильнее обучаться новичкам? Лучше прохходить подбнй путь и научиться сначала самим работать с вебпак, бабелем, понять кто они икак работаюют и т.д., или сначала чтобы просто всё работало через vue cli, а потом уже по мере необходимости изучать глубже? Вопрос для меня актуальный, потому что иногда веду пары веба у бакалавров 4го курса, где они уже знают (за одну лекцию), что такое вебпак, а в ноябре надо будет рассказать про vue и ssr

Думаю, сейчас отличный момент, чтобы задать один вопрос. Сам я изучал "современный" веб довольно поэтапно, проходя через препроцессоры, таскеры и watchers в IDE, babel, gulp, webpack, соответственно учился писать конфиг вебпака и настраивать бабель, чтобы всё работало и т.д. С другой стороны, есть vue cli и подобное, что позволяет сразу сделать "приложение, которое просто работает", где ещё и конфиг вебпака будет где-то спрятан и т.д. Вопрос такой, как правильнее обучаться новичкам? Лучше прохходить подбнй путь и научиться сначала самим работать с вебпак, бабелем, понять кто они икак работаюют и т.д., или сначала чтобы просто всё работало через vue cli, а потом уже по мере необходимости изучать глубже? Вопрос для меня актуальный, потому что иногда веду пары веба у бакалавров 4го курса, где они уже знают (за одну лекцию), что такое вебпак, а в ноябре надо будет рассказать про vue и ssr

ахуеть, извинте)

у меня на парах вебах на 4 курсе в первом семестре біл хтмл цсс на уровне 1-2 уроков академии. а во втором семестре біл asp.net или чет такое, что в силу задач и того какие версии у нас стояли - не хотел работать) и мы все делали на одном ноуте у чувака, ибо у него вся эта дичь завелась.

Думаю, сейчас отличный момент, чтобы задать один вопрос. Сам я изучал "современный" веб довольно поэтапно, проходя через препроцессоры, таскеры и watchers в IDE, babel, gulp, webpack, соответственно учился писать конфиг вебпака и настраивать бабель, чтобы всё работало и т.д. С другой стороны, есть vue cli и подобное, что позволяет сразу сделать "приложение, которое просто работает", где ещё и конфиг вебпака будет где-то спрятан и т.д. Вопрос такой, как правильнее обучаться новичкам? Лучше прохходить подбнй путь и научиться сначала самим работать с вебпак, бабелем, понять кто они икак работаюют и т.д., или сначала чтобы просто всё работало через vue cli, а потом уже по мере необходимости изучать глубже? Вопрос для меня актуальный, потому что иногда веду пары веба у бакалавров 4го курса, где они уже знают (за одну лекцию), что такое вебпак, а в ноябре надо будет рассказать про vue и ssr

Все зависит от задач, но в vue и ng юзай cli

но одной лекции про вебпак - мало, имхо у меня так на курсах было - ну я знаю что это, но все мои познания после лекции - нужно скачать норм сборку

С реактом можешь свои велосипеды писать, но он тебя ждут на работе не доклад в унике а решение которое удовлетворяете требования бизнеса

Думал именно с позиции обучения, потому что с одной стороны надо реально кучу изучать, чтобы понять, что там происходит в cli. С другой стороны, видел много новичков, которые сразу начинают с cli, но потом малейшее отклонение от шаблона - тупик

Короче, если хочешь для себя понять то выучить конечно можешь, но в риал проектах лучше брать проверенные решения

у меня на парах вебах на 4 курсе в первом семестре біл хтмл цсс на уровне 1-2 уроков академии. а во втором семестре біл asp.net или чет такое, что в силу задач и того какие версии у нас стояли - не хотел работать) и мы все делали на одном ноуте у чувака, ибо у него вся эта дичь завелась.

У нас не мало делают веб приложений в дипломах и не очень простых типа всяких редакторов, например

У нас не мало делают веб приложений в дипломах и не очень простых типа всяких редакторов, например

у нас тоже, но тому что мы делали в вузе не учили.

Короче, если хочешь для себя понять то выучить конечно можешь, но в риал проектах лучше брать проверенные решения

Для себя я хочу лекцию провести максимально полезно студентам)

имхо я хз откуда ты, но мне кажеться в силу СНГ образования пока ты программу утвердишь и все прочее - тех стек устареет в итоге мы на первом курсе учили pascal )

но pascal для ребят которіе не видели код - самое оно. сейчас уже в моем вузе с++

Для себя я хочу лекцию провести максимально полезно студентам)

Лучше расскажи студентам про vue

имхо я хз откуда ты, но мне кажеться в силу СНГ образования пока ты программу утвердишь и все прочее - тех стек устареет в итоге мы на первом курсе учили pascal )

Утвердить можно очень обобщенную программу, а читать потом что угодно

Для себя я хочу лекцию провести максимально полезно студентам)

главное что бы им полезно было, у нас из 15 человек только 3 пошли программистами.

И как сделать реактивность через одно место?

пардом разрабами - программист это слишком жирное слово, что бы каждого под это кидать.

Думал именно с позиции обучения, потому что с одной стороны надо реально кучу изучать, чтобы понять, что там происходит в cli. С другой стороны, видел много новичков, которые сразу начинают с cli, но потом малейшее отклонение от шаблона - тупик

Понимать и иметь возможность дописать что-то, закастомить vue-cli/webpack конфиг - это полезный скилл для опытного разработчика (я частенько пишу разные кастомные конфиги сборщиков на основе cli для рабочих проектов) , но насколько это полезно студентам 4-го курса - сомнительный момент..

Хотя в ng не лучше

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

Лучше расскажи студентам про vue

Я начал свой вопрос с того, чтоб буду рассказывать про vue

Я не вижу просто особо смысла рассказывать про cli

главное что бы им полезно было, у нас из 15 человек только 3 пошли программистами.

У нас самая жёсткая кафедра в части IT в нашем регионе. Так что прогерами выходят почти все, кто дошёл. Ну и универ, так что задачи больше "научные", чем бизнес. Приложения часто сложные, а не стандартные.

У нас самая жёсткая кафедра в части IT в нашем регионе. Так что прогерами выходят почти все, кто дошёл. Ну и универ, так что задачи больше "научные", чем бизнес. Приложения часто сложные, а не стандартные.

что за город

Я не вижу просто особо смысла рассказывать про cli

не рассказывать, а сказать "вот бац и готово, не надо пол пары вебпак настраивать"

что за город

Пермь

не рассказывать, а сказать "вот бац и готово, не надо пол пары вебпак настраивать"

Просто по cdn подключи vue и все

тогда не знаю, у меня тоже біли задачи научніе, у меня магистр работа - это иследование и анализ методом прогнозирования для использования в СППР для предприятия.

Просто по cdn подключи vue и все

Я хочу рассказать потом про SPA, ибо они вообще про спа не слышали (как и текущий лектор ._. )

Просто текущий лектор профессионально работает в вебе, но на стеке типа php+cms (wordpress, instant) с чистыми html css. Считаю, что знать про SPA архиважно сейчас, как и про то, что веб уже не такой. Мне дали возможность прочитать пару лекций, в первой рассказал про препроцессоры + бабель + вебпак и связное с ними. Во второй хочу про vue + spa подход. Вот и думаю, лучше, чтобы работало из коробки, а потом сами разбирутся, если возникнут проблемы, или пусть будет не круто, но зато простая настройка вебпака.

Я не вижу просто особо смысла рассказывать про cli

А кто про него рассказывает?)

я возвращаюсь ко вчерашней теме, в textarea не работает перенос строки, когда вывожу ее на страницу, не важно какой это знак \n <b> <br /> и не важно какой параметр. Если я хочу вывести даныне через ${} то можно вывести циклом разбитую строку по \n, но тогда проблема при сохранении без v-model данные в форме не сохраняются. Может быть есть возможность скриптом разбить строку, но опять если я ее разобью по br то она выведется как строка и опять то же самое, замкнутый круг. Если просто вывести данные то проблем нет, но тут нужно же еще и редктировать

Просто текущий лектор профессионально работает в вебе, но на стеке типа php+cms (wordpress, instant) с чистыми html css. Считаю, что знать про SPA архиважно сейчас, как и про то, что веб уже не такой. Мне дали возможность прочитать пару лекций, в первой рассказал про препроцессоры + бабель + вебпак и связное с ними. Во второй хочу про vue + spa подход. Вот и думаю, лучше, чтобы работало из коробки, а потом сами разбирутся, если возникнут проблемы, или пусть будет не круто, но зато простая настройка вебпака.

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

У нас самая жёсткая кафедра в части IT в нашем регионе. Так что прогерами выходят почти все, кто дошёл. Ну и универ, так что задачи больше "научные", чем бизнес. Приложения часто сложные, а не стандартные.

круто, когда так. У меня в универе по пальцам одной руки действительно полезные предметы можно посчитать

ERROR: S client not available

круто, когда так. У меня в универе по пальцам одной руки действительно полезные предметы можно посчитать

Это не значило, что у нас все предметы полезные))

Сейчас также пилю подобия мидлваров, вот чем воспользовался: https://markus.oberlehner.net/blog/implementing-a-simple-middleware-with-vue-router/ В данном случае проверки идут в роутинге

проблема в том, что у меня nuxt и я хз куда мне вставлять прослоку

проблема в том, что у меня nuxt и я хз куда мне вставлять прослоку

@nuxtjs_ru

Как настроить вебпак так, чтобы он брал Vue, vuex и прочие зависимости с CDN и добавлял ссылки на них в HTML-страницу, а код приложения сохранял в app.js? А то сейчас итоговый bundle.js весит очень много

Просто сделай как минимум код сплиттинг

то что нужно походу

Фига я тупой, сам же юзаю эту фишку много где, и забыл о ней, когда ты спросил

v-bind.props="$props" чот тип такого есть

v-bind="$attrs" надо, чтобы пробросить аттрибуты, которые не описаны в props

Кто какими фрейворками по типу vuetify пользуется?

v-bind="$attrs" надо, чтобы пробросить аттрибуты, которые не описаны в props

Годится

Ещё inheritAttrs: false

Ещё inheritAttrs: false

Это для чего

Не наследовать

Чтобы аттрибуты на рут враппера не цеплялись

В DOM

<input type="text" v-validate="'required'" name="field" v-model="searchQuery"> <button type="button" name="button" @click="logThis">Cash rules Everything ME</button> data() { return { searchQuery: '' }; }, methods: { logThis() { console.log(this.searchQuery); } } почему в лог всеравно выводиться пустое поле ?? Валидация не работает, использую Vue-validate

Чтобы аттрибуты на рут враппера не цеплялись

Некоторые таки цепануть надо

Какие?

Класс например

Style и class это не задевает

Они привилегированные члены общества аттрибутов

Они привилегированные члены общества аттрибутов

Интеллигенция

<input type="text" v-validate="'required'" name="field" v-model="searchQuery"> <button type="button" name="button" @click="logThis">Cash rules Everything ME</button> data() { return { searchQuery: '' }; }, methods: { logThis() { console.log(this.searchQuery); } } почему в лог всеравно выводиться пустое поле ?? Валидация не работает, использую Vue-validate

Чето не так делаешь

В целом выходит ещё один трабл

Ну как трабл

Костыль

Нужна ванга

Ща скриню