Почему не сделать computed

computed: { currentTab() { return store.getters.login_register_component_tab; } }

Почему не сделать computed

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

Короче это надо ковырять твой код и девтулзы

Мой вангамод тут безсилен

Короче это надо ковырять твой код и девтулзы

в общем computed помог... видимо при вызове компонента не успевали его пропсы прогрузиться в mount

спасибо

есть класс. что мне нужно написать в бабеле, чтобы я мог обрабатывать MyClass() (без new). ожидается, что это какой-то статический метод

чтобы внутри обработать подаваемые параметры MyClass(args) и создать объект или вернуть null

чтобы можно было сделать что-то типа class MyClass { static init_function(args = null) { return args ? new MyClass(args) : MyClass.now() } static now() {...} ... } let aaaaa = MyClass() где init_function этот "магический" метод, который вызывается при MyClass()

А причём здесь вью вообще ?

вуй вертел реакт а угловой вертел вуй.

Привет, хочу сделать нечто подобное: <Popover event="hover"> <template slot="button"> <Button>Button</Button> </template> <template slot="body"> Body of popover </template> </Popover> Можно ли (нормально ли) передавать в компонент event? И как его внутри компонента правильно навесить тогда?

Привет, хочу сделать нечто подобное: <Popover event="hover"> <template slot="button"> <Button>Button</Button> </template> <template slot="body"> Body of popover </template> </Popover> Можно ли (нормально ли) передавать в компонент event? И как его внутри компонента правильно навесить тогда?

Я бы через свойства попробовала, что-нибудь вроде <Popover :is-hover="foo">

Внутри дочернего компонента отлавливать через watch

watch: { isHover: function () {...} ]

Я бы через свойства попробовала, что-нибудь вроде <Popover :is-hover="foo">

мне не нужно пробрасывать метод, просто имя эвента, внутри надо что-то подобное <div ref="button" class="popover__button" @{event}="methodName"> <slot name="button"/> </div>

Также надо в свойствах объявить isHover, чтобы дочерний компонент знал, что он может прийти

то есть я слот оборачиваю в div и назначаю один из стандартных эвентов (click, hover, etc)

так это не метод, обработчик-то внутри, это переменная, в которой true или false лежит

Евенты по-моему только от детей к родителям идут, но я точно не помню :(

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

сори, я хз как правильно у вас это называется, собственно было вот так: div ref="button" class="popover__button" @click="methodName"> <slot name="button"/> </div> теперь, мне надо имя "click" передавать сверху, например "hover", "doubleclick" и в зависимости от этого слегка менять поведение

То есть у тебя один и тот же methodName может обрабатывать разные события в зависимости от того, что передал родитель?

Интересный кейс)

События еще вроде можно через общую шину передавать

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

Я бы, скорее всего, передавала бы свойство (вон как выше написала), затем вотчила его в дочернем компоненте и в зависимости от того, что пришло в этом свойстве, делала бы действие

вроде watch: { isHover: function () { if this.isHover === true {...}}}

у меня метод переключалка active true/false

эта "переключалка" показывает div из другого слота

просто, это нужн ов одном случае по hover, в другом по клику

На десктопе по ховеру, на мобилке по клику, наверное?

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

https://habr.com/company/redmadrobot/blog/359158/

На десктопе по ховеру, на мобилке по клику, наверное?

не только, в зависимости от ситуации, я хочу стандартные компоненты типо popover/dropdown, tooltip объединить в одну обертку которая отвечает за "всплывание"

не только, в зависимости от ситуации, я хочу стандартные компоненты типо popover/dropdown, tooltip объединить в одну обертку которая отвечает за "всплывание"

Я сейчас не очень понимаю кейс, но в любом случае в средствах вью к твоим услугам есть возможность создания общей шины событий и возможность опускать пропсы из родителей в детей. Евенты, емнип, можно только наверх из детей родителям передававать. Судя по всему, в твоем случае для тебя неплохо подойдет вариант с общей шиной (но это точно?)

Кто нибудь использовал vue-masked-input? Почему то если данные в поле грузить из store то маска не срабатывает, если вводить руками то ОК. Какие есть еще альтернативы для маски телефонного номера?

Vue-the-mask вроде

не сходится рендер на сервере и рендер на клиенте

А можно как-то узнать в каком именно месте не сходится рендер

Что выбрать для тестов?

В BDD стиле

Всем привет. А кто нибудь юзал vuex-rx

?

Доброе утро! Уважаемые, подскажите вот я внутри Vue использую такой плагин как vue-mq который помогает определить размер экрана у пользователя. Как мне его импортировать во vuex что бы я мог там его использовать? Заранее спасибо

Целый плагин для получения размера окна?

window.availWidth и window.availHeight не подходят?

ребят всем привет

как в vee-validate валидировать две формы на одной странице по отдельности?

Всем привет,подскажите как выставить через this.$set в массиве обьектов значение 1го обьекта,чтобы сократить подбную конструкцию(п.с. что то подобное на закоменченую строчку,но не помню точно как)

Ребята направьте на путь истенный. На работе используют Laravel 5.3, но без Vue, В главном шаблоне app.blade.php инклудят bootstrap.js и jquery.js. В контроллерах вызывают blade шаблоны, в которых js используется в тегах <script> в конце самого шаблона. Например нажатие кнопочек обрабатывают, автокомплиты всякие и толтипы.. Все работало хорошо, до того момента как я решил использовать vue и однофайловые компоненты. Благо в laravel все это идет прям в коробке. Создал простенький компонент для теста, сделал сборку build.js (app.js), подключил его туда же, где и все скрипты подключаются в app.blade.php, стартовый шаблон где инклюдятся все лайоуты. Обернуд все в <div id="app"></div> и в произвольном шаблоне вызвал <test-component></test_component>. Компонент отобразился, все зашибись, все работает.. но всплыл косяк.. Так как в blade шаблонах есть js код, при компиляции elexir'ом все это перестает пахать и vue ругается на то, что компиляция шаблона прошла с ошибкой.. Как мне быть? Как внедрить vue так, что бы можно было использовать компоненты в любом из шаблонов и не нужно было менять текущей структуры проекта?

Ребята направьте на путь истенный. На работе используют Laravel 5.3, но без Vue, В главном шаблоне app.blade.php инклудят bootstrap.js и jquery.js. В контроллерах вызывают blade шаблоны, в которых js используется в тегах <script> в конце самого шаблона. Например нажатие кнопочек обрабатывают, автокомплиты всякие и толтипы.. Все работало хорошо, до того момента как я решил использовать vue и однофайловые компоненты. Благо в laravel все это идет прям в коробке. Создал простенький компонент для теста, сделал сборку build.js (app.js), подключил его туда же, где и все скрипты подключаются в app.blade.php, стартовый шаблон где инклюдятся все лайоуты. Обернуд все в <div id="app"></div> и в произвольном шаблоне вызвал <test-component></test_component>. Компонент отобразился, все зашибись, все работает.. но всплыл косяк.. Так как в blade шаблонах есть js код, при компиляции elexir'ом все это перестает пахать и vue ругается на то, что компиляция шаблона прошла с ошибкой.. Как мне быть? Как внедрить vue так, что бы можно было использовать компоненты в любом из шаблонов и не нужно было менять текущей структуры проекта?

ой сорри, второй раз случайно отправилось

ой сорри, второй раз случайно отправилось

Сообщения можно удалять)

Ребята направьте на путь истенный. На работе используют Laravel 5.3, но без Vue, В главном шаблоне app.blade.php инклудят bootstrap.js и jquery.js. В контроллерах вызывают blade шаблоны, в которых js используется в тегах <script> в конце самого шаблона. Например нажатие кнопочек обрабатывают, автокомплиты всякие и толтипы.. Все работало хорошо, до того момента как я решил использовать vue и однофайловые компоненты. Благо в laravel все это идет прям в коробке. Создал простенький компонент для теста, сделал сборку build.js (app.js), подключил его туда же, где и все скрипты подключаются в app.blade.php, стартовый шаблон где инклюдятся все лайоуты. Обернуд все в <div id="app"></div> и в произвольном шаблоне вызвал <test-component></test_component>. Компонент отобразился, все зашибись, все работает.. но всплыл косяк.. Так как в blade шаблонах есть js код, при компиляции elexir'ом все это перестает пахать и vue ругается на то, что компиляция шаблона прошла с ошибкой.. Как мне быть? Как внедрить vue так, что бы можно было использовать компоненты в любом из шаблонов и не нужно было менять текущей структуры проекта?

Полагаю что однозначного ответа тут не будет нужно исследовать и потратить определённое количество жопочасов чтоб посмотреть как сделать лучше с точки зрения архитектуры проекта. В твоём сообщении много пустот которые требуют анализа: что за ошибки вплывают - как минимум.

ERROR: S client not available

может подскажет ктото?

Всем привет,подскажите как выставить через this.$set в массиве обьектов значение 1го обьекта,чтобы сократить подбную конструкцию(п.с. что то подобное на закоменченую строчку,но не помню точно как)

Коллеги, подскажите пожалуйста такой момент. у меня есть отдельные модули (функции) которые я импортирую в свое приложение и вызываю в компонентах. Как в этом модуле я могу вызвать екшен vuex ?

импортни стор в модуль

Полагаю что однозначного ответа тут не будет нужно исследовать и потратить определённое количество жопочасов чтоб посмотреть как сделать лучше с точки зрения архитектуры проекта. В твоём сообщении много пустот которые требуют анализа: что за ошибки вплывают - как минимум.

Ошибка всплывает такая: [Vue warn]: Error compiling template на всех blade шаблонах, где по мимо html и css есть Js в тегах <script> выяснил проведя чуть времени на stackowerflow или как его там.. там похожие были проблемки и на сколько я понял проблема именно в том что в шаблонах не должно быть скрипта, надо его выносить... В общем пока ничего не придумал лучше, чем просто подключать в каждом шаблоне vue.js, но однофайловые компоненты тогда не заюзать по нормальному..

import store from './store' store.$dispatch

хм, точно) не подумал)

а можно ли во vuex юзать модули и глобальный стор одновременно? http://prntscr.com/jlyanl

у меня с модулями какая то фигня

можно

если из модуля, глобальный стейт - rootState

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

и не module а modules

import Vue from 'vue'; import Vuex from 'vuex'; import auth from './modules/auth'; import app from './modules/app'; import api from './modules/api'; import admin from './modules/admin'; Vue.use(Vuex); export default new Vuex.Store({ modules: { api, app, auth, admin, }, });

Скажите а множество объектов Vue в одном приложении это хорошо или это извращение? Например: const app = new Vue({...}); const app2 = new Vue({...}); ... const app32 = new Vue({...}); чем это чревато?

import Vue from 'vue'; import Vuex from 'vuex'; import auth from './modules/auth'; import app from './modules/app'; import api from './modules/api'; import admin from './modules/admin'; Vue.use(Vuex); export default new Vuex.Store({ modules: { api, app, auth, admin, }, });

СПАСИБО, второй час не могу вкурить что не так

Скажите а множество объектов Vue в одном приложении это хорошо или это извращение? Например: const app = new Vue({...}); const app2 = new Vue({...}); ... const app32 = new Vue({...}); чем это чревато?

зависит от задачи, если ты на легаси внедряешь вьЮ, можно, если у cli, то смысла не имеет особо

СПАСИБО, второй час не могу вкурить что не так

?

Скажите а множество объектов Vue в одном приложении это хорошо или это извращение? Например: const app = new Vue({...}); const app2 = new Vue({...}); ... const app32 = new Vue({...}); чем это чревато?

убийством с особой жестокостью это чревато

убийством с особой жестокостью это чревато

да, выглядит как что-то жестокое..

зависит от задачи, если ты на легаси внедряешь вьЮ, можно, если у cli, то смысла не имеет особо

Это как вариант, когда надо юзать Vue с однофайловыми компонентами в уже готовом приложении laravel которое было без vue изначально))

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

хм.. интересно, это какое то cli делать умеет?

3

ааа попробую найти и почитать про это, спасибо

https://vuejsdevelopers.com/2018/05/21/vue-js-web-component/

ааа попробую найти и почитать про это, спасибо

? уже нашел

$ vue-cli-service build --target wc --name my-custom-element ./src/main.js

шикарность)) спасибо