import Vue from 'vue'; import Vuex from 'vuex';

всем привет) начал освоение vue с тестового проекта

завел на vue рендеринг шаблона на бутстрапе

в общем все почти доделал, остался один вопрос по параметрам компонента

вот есть у меня корневой инстанс vue, я объявляю в data пустую переменную, затем я ее как нибудь изменяю

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

app.js: Vue.component('data-select', { template: '#data-select', props: { initialSelect: String, }, data: function () { return { selected: '' } }, ....................... var app = new Vue({ el: '#appVue', data: { gridActiveResource: '', } } ...................... index.html: <div id="appVue"> <data-select :initialSelect="gridActiveResource" > </data-select>

Покажи, как обновляешь данные

все, косяк простой

))

:initialSelect="gridActiveResource" вместо камел кейса надо кебабкейс))

т.е. :initial-select="gridActiveResource"

Всем привет, на тосторе наткнулся на этот вопрос

https://toster.ru/q/375918

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

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

Переформулируй вопрос

Ssr называетс

Server-side rendering

Нет, тут не много другая история

Есть старый сайт который написан с использованием jquery, сейчас постепено заменяю часть кода на vue, и большая первоначальных данных храниться в data-*

Есть старый сайт который написан с использованием jquery, сейчас постепено заменяю часть кода на vue, и большая первоначальных данных храниться в data-*

А json куданить воткнуть? В value у input[type=hidden], например. Не совсем семантично, конечно.

и в created получается данные через this.$el.dataset

json хорошо в data-* ложить как строка

вроде и как json тоже понимет data-*

Может кто сталкивался с такой задачей, просто интересно как Вы это решили)

Есть старый сайт который написан с использованием jquery, сейчас постепено заменяю часть кода на vue, и большая первоначальных данных храниться в data-*

Стоит переделывать чтобы не хранить состояние приложения в DOM

Может кто сталкивался с такой задачей, просто интересно как Вы это решили)

Просто рендерить на сервере тег скрипт в котором лежит js переменная

И потом делать ей parse

И потом делать ей parse

Такой вариант тоже есть,

Мне каюется нет закрыв. кавычки там где return: selevted: " And gridActiveResource. Какой вообще код ошибки?

Есть старый сайт который написан с использованием jquery, сейчас постепено заменяю часть кода на vue, и большая первоначальных данных храниться в data-*

Ты же в data-* как-то кидаешь данные

Почему бы тебе точно так же не ложить это в js переменные?

Почему бы тебе точно так же не ложить это в js переменные?

Некоторые разработки пихали в data-*, некоторые в глобальные переменые js заводили, вот и привожу все к одному ввиду (самое начало работы)

@xanf_ua

Runtyper — инструмент для проверки типов при выполнении JavaScript кода https://habrahabr.ru/post/325072/ Tags: Разработка веб-сайтов, Программирование, Open source, Node.JS, JavaScript, javascript, node.js, type checking, type hinting, runtime code analysis, babel, flow, typescript Author vitalets on #habrahabr

ref должен быть уникальным?

Runtyper — инструмент для проверки типов при выполнении JavaScript кода https://habrahabr.ru/post/325072/ Tags: Разработка веб-сайтов, Программирование, Open source, Node.JS, JavaScript, javascript, node.js, type checking, type hinting, runtime code analysis, babel, flow, typescript Author vitalets on #habrahabr

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

ref должен быть уникальным?

да

да

кстати в доках это не написанно (перевод)

http://ru.vuejs.org/v2/api/#ref

все такие в webstorm хорошая интеграция с vue

во

понимает когда строка, когда объект

ошибки кстати тоже показывает

Vs code тоже самое делает, в веб шторм меня автоимпорт заманил

У меня эммет почему то странно работает в вебшторме

Если не указать тип элемента, то эммет не срабатывает.

вот мне пока что как-то лень emmet юзать, особенно с кастомным UI

реально годная тема?

я только поза вчера в кедах открыл использование нескольких рабочих столов

кстати в доках это не написанно (перевод)

При использовании на элементах/компонентах с v-for, регистрируется массив ссылок на элементы DOM или экземпляры компонентов.

Написано же, прям под примером

При использовании на элементах/компонентах с v-for, регистрируется массив ссылок на элементы DOM или экземпляры компонентов.

Но я не использую v-for

А, понял к чему намек

Или нет, ладно, проверю ща

если вне for и писать нескольким элементам одинаковый ref то vue запоминает последний

м

даже так

я думал в любом случае массив начнет набивать

м

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

наверное не я скидывал) сейчас гляну

наверное не я скидывал) сейчас гляну

наверное не я скидывал) сейчас гляну

нашел

ERROR: S client not available

http://ru.vuejs.org/v2/guide/list.html#Методы-внесения-изменений

А что вы скажете про Nuxt.js? Стоит использовать?

А что вы скажете про Nuxt.js? Стоит использовать?

Других готовых решений нет

кто-то спользовал element-ui уже?

кто-то спользовал element-ui уже?

Да

Ага

вы же активно валидацию форм использовали?

если с сервера приходит ответ, то как вы выводите ошибки?

а все, понял как

вы же активно валидацию форм использовали?

Пришлось не прого переписать валидацию element-ui что бы использовать нормально)

просто ответы от серва приходят и там либо выводить их через http://element.eleme.io/#/en-US/component/alert но тут тупейший ивен закрытия либо пихать их в форму, что я и хочу сделать

просто ответы от серва приходят и там либо выводить их через http://element.eleme.io/#/en-US/component/alert но тут тупейший ивен закрытия либо пихать их в форму, что я и хочу сделать

done?

кто там спрашивал, где посмотреть код каких-нибудь приложений на вью? почитайте сорсы element-ui

Создал проект командой из vue-cli: $ vue init webpack my-project По команде $ npm run dev запускается тестовый сервер. Никак не осилю, как включить ему SSL и CORS ? А ещё лучше, если бы вместо бесполезного сервера генерировалась и dev-версия проекта (как gulp watch). Подскажите, плз.

ну, как бы Cors включается на сервере и на либе аля axios

про все остальное - не знаю

Создал проект командой из vue-cli: $ vue init webpack my-project По команде $ npm run dev запускается тестовый сервер. Никак не осилю, как включить ему SSL и CORS ? А ещё лучше, если бы вместо бесполезного сервера генерировалась и dev-версия проекта (как gulp watch). Подскажите, плз.

чет хз зачем те это. тестовый сервер запускается для разработки, зачем к нему ssl и cors? это уже на боевом сервере нужно делать

ssl лучше средсвами nginx делать. CROS сделать заголовками от сервера api. Если можно сделать проксирование запросов для dev сервера. https://github.com/vuejs-templates/webpack/blob/master/docs/proxy.md

ещё про ssl. Зачем он на dev сервере? о_О

Почему нет?

Его сейчас получить проще простого

@kelin2025 как ты без vuex чекаешь, что пользователь авторизирован?

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

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

Эээ... У тебя все очень плохо, если возникает такая проблема

Эээ... У тебя все очень плохо, если возникает такая проблема

пока всё хорошо. К серверу api ведь придётся по абсолютной идти

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

ты хочешь с dev сервера стучаться на другой свой сервер (локально) api?

типа того

Ээээээ

сервер, куда стучишься нужно cors врубить, а на дев сервере настроить прокси

как корс врубить смотри по доку сервера