сделать из ведра норм IoT на ноде стало проще.

всем привет. У меня есть вопрос по архитектуре проекта. Хотелось бы услышать Ваше мнение по поводу архитектуры проекта и совета. Пишу веб сервис. 3 стороны: админы, компания и сто. Решил разделить на 2 приложения: админы и клиенты (компания, сто) сервиса. Со стороной администраторов все понятно. Вопрос заключается в том как делить части клиента. Компании и СТО создаются в админке. Далее под каждую компанию/сто выделяются пользователи по типу в бд (0 - админы, 1 - компания, 2 - сто). Как разделить теперь все это дело? Чтобы пользователь вошедший в панель компании/сто видел инфу связанную именно по своей компании. Один пользователь может принадлежать только одной компании.

много всего, но юзай вюекс.

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

последний в прод не советую -- он ещё пилится.

можете примерно описать?

сделать из ведра норм IoT на ноде стало проще.

типа впилить планшет в стену?)

можете примерно описать?

https://vuejs.org/v2/style-guide/ на русском тоже есть.

Плюс в самих доках по vuex можно отрыть примеры, по которым можно догадаться как наархитектурить твою приложуху.

по роутингу всё в мелочах в документации ue-router.

https://vuejs.org/v2/style-guide/ на русском тоже есть.

мне интересна сама логика

а не реализация

рекомендую пользовать nesting routes во всей мощности.

с реализацией проблем не возникнет, после того как я пойму логику

мне интересна сама логика

Там примеры логики как раз.

источник истины для данных о пользователе - vuex store

оттуда пляшет ue router

vue*

и динамические импорты сборщика

какого сборщика?

типа впилить планшет в стену?)

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

какого сборщика?

webpack или rcel

parcel. Какого чёрта в телеге режутся буквы??

хочу поддержать традицию, http или axios?

хочу поддержать традицию, http или axios?

this.$http.axios

)

хочу поддержать традицию, http или axios?

Http - лохи, axios - дуры, мы фанаты $.ajax культуры

чёрных кошечек

хочу поддержать традицию, http или axios?

пробелы

Здрасти

Здрасти

Мордасти

На чем пишите? Давайте, выкладывайте все карты на стол

Прувед

hello!

help with vue

I need to call a method from another component

HeadComponent.vue's script: <script> import 'vue-awesome/icons/comments' import 'vue-awesome/icons/book' import 'vue-awesome/icons/cog' export default { name: 'HeadComponent', data () { return { } }, methods: { comments () { // need to call a method of LeftComponent } } } </script>

LeftComponent.vue's script: <script> import 'vue-awesome/icons/angle-double-right' import 'vue-awesome/icons/angle-double-left' export default { name: 'LeftComponent', data () { return { msg: 'Welcome to Your Vue.js App', aboutPanelShow: true } }, methods: { showSections () { this.aboutPanelShow = !this.aboutPanelShow; } } } </script>

I need to call LeftComponent's method (showSection) from HeadComponent.. please, help!

I need to call LeftComponent's method (showSection) from HeadComponent.. please, help!

How are those components related to each other? Parent -> child or siblings

How are those components related to each other? Parent -> child or siblings

App.vue template they are used here: <template> <div id="app" class="h-100"> <HeadComponent ref="foo" /> <div class="d-flex" :style="contentStyle"> <LeftComponent ref="foo" class="w-25 h-100" /> <ContentComponent class="w-75 h-100" /> </div> </div> </template>

App.vue's script: <script> import ContentComponent from './components/ContentComponent' import LeftComponent from './components/LeftComponent' import HeadComponent from './components/HeadComponent' export default { name: 'App', components: { ContentComponent, LeftComponent, HeadComponent }, data () { return { contentStyle: { 'height': 'calc(100% - 0px)' } } }, methods: { init () { this.contentStyle = { 'height': 'calc(100% - ' + (document.getElementById('header').clientHeight + 1) + 'px)' } } }, created () { setTimeout(() => { this.init(); }, 100); } } </script>

I need to call LeftComponent's method (showSection) from HeadComponent.. please, help!

Easiest way: https://medium.com/@andrejsabrickis/https-medium-com-andrejsabrickis-create-simple-eventbus-to-communicate-between-vue-js-components-cdc11cd59860

Всем привет. Пытаюсь отправить форму с помощью vue-resource в data.json. Но при отправлении ничего не добавляеться. Ошибок нет. Пишет что всё хорошо

Всем привет. Пытаюсь отправить форму с помощью vue-resource в data.json. Но при отправлении ничего не добавляеться. Ошибок нет. Пишет что всё хорошо

Каким образом ты в get собираешься данные в теле передать?

post не работает

data.json статический файл?

Я вообще не очень понимаю, что делает этот код. Зачем делать запрос к локальному json в src? Что должно случиться?)

Всем привет. Пытаюсь отправить форму с помощью vue-resource в data.json. Но при отправлении ничего не добавляеться. Ошибок нет. Пишет что всё хорошо

может я с утра чего-то не догоняю, но как ты можешь вообще отправлять post запрос на урл с раздачей файла, что за бред

Мне нужно отправить данные из формы в json

Ну так это не делается)

Json магически не появится

Мне нужно отправить данные из формы в json

В файл?

ERROR: S client not available

у меня есть data.json и в него нужно занести данные из формы

у меня есть data.json и в него нужно занести данные из формы

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

у меня есть data.json и в него нужно занести данные из формы

Ну так тебе нужно организовать прием данных и запись в файле на бекенде.

Я вообще не очень понимаю, что делает этот код. Зачем делать запрос к локальному json в src? Что должно случиться?)

Зачем так категорично, вдруг у него там app.post('/src/data.json', (req, res) => {...});

Зачем так категорично, вдруг у него там app.post('/src/data.json', (req, res) => {...});

Ага, с точкой в начале урла

И гет запросом

Ага, с точкой в начале урла

?

И гет запросом

Ну за get я ему и сказал сразу, а как он ответил, что post не работает, все сразу встало на свои места.

у меня есть data.json и в него нужно занести данные из формы

Проект через vue-cli создавал?

да

да

Смотри, есть два выхода из данной ситуации. Поднять сервер и проксировать запросы через webpack-dev-server или же модифицировать проект и использовать для разработки express с webpack dev и hot middleware. В твоем случае, первый вариант проще и быстрее реализовать.

Смотри, есть два выхода из данной ситуации. Поднять сервер и проксировать запросы через webpack-dev-server или же модифицировать проект и использовать для разработки express с webpack dev и hot middleware. В твоем случае, первый вариант проще и быстрее реализовать.

Спасибо. Сейчас попробую

Спасибо. Сейчас попробую

https://webpack.js.org/configuration/dev-server/#devserver-proxy

Ребят кто работал с монго? можете подсказать как сделать выборку массива у определенного объекта, который также лежит в массиве объектов? то есть 3 уровня вложенности и нужно у последнего уровня вложености взять массив?)

кто стикеры делал по вую? 2 стикера одинаковых по сути

Разные же

по смыслу одинаковые; я бы даже сказал второй есть более общий случай первого, то бишь первое есть частный случай второго

по смыслу одинаковые; я бы даже сказал второй есть более общий случай первого, то бишь первое есть частный случай второго

иди работай э

Что лучше использовать: Есть примерно такая схема, component1, в нем component2, в component2 содежится companent :is , там уже подгружается component4, взависимость от типа. И мне из 4 компанента нужно вызвать метод 1. Я прокинул это пропсом. В итоге из каждого компонента в последующий передовал метод. И по структуре как то гавняно смотрится это, то что метод тащу через 2 компоненты. Сейчас подумал может быть это переделать на this.$parent.$options.methods. Как лучше такое реализовать, или что из этого, пропс или $parent method лучше?

Что лучше использовать: Есть примерно такая схема, component1, в нем component2, в component2 содежится companent :is , там уже подгружается component4, взависимость от типа. И мне из 4 компанента нужно вызвать метод 1. Я прокинул это пропсом. В итоге из каждого компонента в последующий передовал метод. И по структуре как то гавняно смотрится это, то что метод тащу через 2 компоненты. Сейчас подумал может быть это переделать на this.$parent.$options.methods. Как лучше такое реализовать, или что из этого, пропс или $parent method лучше?

eventBus же

а если таких ситуаций много, то, возможно, пришло время задуматься о vuex

Что лучше использовать: Есть примерно такая схема, component1, в нем component2, в component2 содежится companent :is , там уже подгружается component4, взависимость от типа. И мне из 4 компанента нужно вызвать метод 1. Я прокинул это пропсом. В итоге из каждого компонента в последующий передовал метод. И по структуре как то гавняно смотрится это, то что метод тащу через 2 компоненты. Сейчас подумал может быть это переделать на this.$parent.$options.methods. Как лучше такое реализовать, или что из этого, пропс или $parent method лучше?

метод через 2 компонента, пора vuex )))

вчера в группе ангуляра вью назвали младшим братом или чтото типа этого, неужели людям проще думать типа я знаю такой фреймворк а вью он очень похож на него и значит я все сделаю также как я делал раньше только теперь у меня это будет типа работать на вью а значит доку можно не читать ?! и потом это проект достается какому нить тру вьюшнику, и у него волосы дыбом встают от вотчеров на каждый чих от нескончаемых попыток использовать this.$parent и this.$root, эт этих не к месту епаных миксиноф, от неумения использовать обертки и попытка все делать через рендер функции ?! .... ЕПАНАРОТ НЕУЖЕЛИ ТАК ТРУДНА ЧИТАТЬ ДОКУМЕНТАЦИЮ?! вью похож, но это не освобождает от чтения доки, и не нужно тащить все бездумно во вью и называть теперь это у нас вью это просто крик души по теме, не притензия в сторону @Tajlina

this.$parent this.$root