Где headersHandle - обработчик события

https://vuejs.org/v2/guide/components.html#Custom-Events

блин получилось v-on:headers="headersHandle" ) спасибо большое! а если с десяток компонентов в родителе, то на каждый компонент вешать v-on?

или лучше по типу this.$store.commit('handle', data); записывать в потомке и вызывать потом из store в родителе?

v-for подходит для рендера массива, а что если у меня не массив а просто объект со значениями. Как мне его отрендерить?

блин получилось v-on:headers="headersHandle" ) спасибо большое! а если с десяток компонентов в родителе, то на каждый компонент вешать v-on?

Ты же не говорил про store

или лучше по типу this.$store.commit('handle', data); записывать в потомке и вызывать потом из store в родителе?

Ты его используешь?

v-for подходит для рендера массива, а что если у меня не массив а просто объект со значениями. Как мне его отрендерить?

a.entries

да, использую

v-for подходит для рендера массива, а что если у меня не массив а просто объект со значениями. Как мне его отрендерить?

можно рендерить и обьект

v-for подходит для рендера массива, а что если у меня не массив а просто объект со значениями. Как мне его отрендерить?

v-for (item, index, key) - вроде

или лучше по типу this.$store.commit('handle', data); записывать в потомке и вызывать потом из store в родителе?

Тогда к чему это

Store - на то и store, что если изменяешь данные в потомке то они изменяться и в родителе и в потомке

да, использую

Твои компоненты должны быть глупыми и вообще не содержать логики относительно приложения и данных. Вся логика должна выноситься в mutations и actions

Store - на то и store, что если изменяешь данные в потомке то они изменяться и в родителе и в потомке

у меня просто на 2 части store поделен: входящие параметры flow_request, которые определяют выборку из бд ; и flow_data для уже конкретных данных и мутаций. просто не хотелось использовать store для передачи одного параметра(

у меня просто на 2 части store поделен: входящие параметры flow_request, которые определяют выборку из бд ; и flow_data для уже конкретных данных и мутаций. просто не хотелось использовать store для передачи одного параметра(

и не надо

не надо вуексом злоупотреблять совершенно

Твои компоненты должны быть глупыми и вообще не содержать логики относительно приложения и данных. Вся логика должна выноситься в mutations и actions

неоч совет)

Твои компоненты должны быть глупыми и вообще не содержать логики относительно приложения и данных. Вся логика должна выноситься в mutations и actions

Какие причины?

Твои компоненты должны быть глупыми и вообще не содержать логики относительно приложения и данных. Вся логика должна выноситься в mutations и actions

у меня все компоненты однофайловые и вся логика в них на основе flow_data из store и мутаций. просто думал есть какой-то простейший способ по типу слотов для передачи параметров. эвенты так себе, когда в layoute с десяток компонентов. у меня не SPA, а гибридное(

у меня все компоненты однофайловые и вся логика в них на основе flow_data из store и мутаций. просто думал есть какой-то простейший способ по типу слотов для передачи параметров. эвенты так себе, когда в layoute с десяток компонентов. у меня не SPA, а гибридное(

Странно тогда что ты задал такой вопрос)

Чет я ни...ера не понял. Поделитесь тем где вы проверяете авторизацию пользователя?(NUXT) Оптимальный способ для это в layout-ах, но не могу редиктить, так как по факту нет error роута а есть только layout error. буду благодарен

https://medium.com/vuejs-tips

Всем привет, не могли бы помочь с watch, https://jsfiddle.net/97jrngre/5/ почему не отслеживает изменения?

Всем привет, не могли бы помочь с watch, https://jsfiddle.net/97jrngre/5/ почему не отслеживает изменения?

Deep = true

Всем привет, не могли бы помочь с watch, https://jsfiddle.net/97jrngre/5/ почему не отслеживает изменения?

https://jsfiddle.net/97jrngre/7/ https://vuejs.org/v2/api/#watch

спасибо!)

а случайно никто не знает, в третьей vue-cli куда конфиги сборки засунули?

а случайно никто не знает, в третьей vue-cli куда конфиги сборки засунули?

https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md

благодарю 👍

Всем привет! Хочу поделиться своим первым плагином для Vue: https://github.com/Suruat/vue-2-crumbs#vue-2-crumbs Буду рад отзывам!

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

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

props?

да

а вызывать метод как?

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

Пусть компонент вызывает функцию.

а можно пример?

у тебя доступ к пропсу есть через this

в чем проблема то?

внутри метода просто бери его и все

props доступны внутри компонента, вызываем метод, передаем туда значение из props

Может я не пойму или не так думаю. Но, я хочу, когда передаю props, то хочу вызвать внутри метод

как этом можно связать?

😏

И можно ли, либо это глупая затея и есть решение, о котором я не знаю

мы даже не догадываемся что ты пытаешься сделать

это раз

потом можешь вотч повесить на пропс и при изменении состояния вызывать метод

эт два

покажи код или объясни нормально

Я использую nouislider. Сделал компонент. Теперь мне нужно пробрасывать внутрь значения из полей, что бы вызвать noUiSlider.set(value). value - это и есть пробрасываемое значение

а с Вью как давно знакомство произошло?

пол года назад

я написал вотчер на свойство

так гараздо проще

🙄

данные в коипонент можно передать через пропс

знаю я

вызвать метод при изменение переменной можно через watch

воооот

так и сделал

я забыл о них

просто

редко использую

😁

вопрос решен?

да, спасибо

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

красиво в чат

Добрый день. Только начал позновать Vue и появилось 2 ключевых вопроса: 1)Почему я не могу app свой подключить как src, а необходимо его прописывать непосредственно под разметкой(может что то не так делаю?)? ... <li v-for="article in filteredArticles"> <a v-bind:href="article.url">{{article.title}}</a> </li> </ul> </form> <script src="/js/find.js" charset="utf-8"></script> ...

2)Как я могу в data передать json, что бы сделать динамическим вывод v-for(подгружаемым из вне) вот например тут data: { searchString: "", articles: [ { "title": "xxx", "url": "xxx", }, ... подозреваю что можно через ajax передавать, но увы в офф. доках ответа не нашлось

2)Как я могу в data передать json, что бы сделать динамическим вывод v-for(подгружаемым из вне) вот например тут data: { searchString: "", articles: [ { "title": "xxx", "url": "xxx", }, ... подозреваю что можно через ajax передавать, но увы в офф. доках ответа не нашлось

ну, например берешь axios в криейтед хуке делаешь axios.get('/api/file.json').then({data} => this.articles = data).catch(e => console.log(e));

ну или откуда там берется жсон

Класс, спасибо) Пошел изучать axios

а по первому - не понял

Класс, спасибо) Пошел изучать axios

https://github.com/axios/axios или же нативный fetch API

что больше нравится

да даже жыкуэри

ну т.е. так работает: div id="main-x"> <nav v-bind:class="active" v-on:click.prevent> <a href="#" class="home" v-on:click="makeActive('home')">Главная</a> <a href="#" class="projects" v-on:click="makeActive('projects')">Проекты</a> <a href="#" class="services" v-on:click="makeActive('services')">Услуги</a> <a href="#" class="contact" v-on:click="makeActive('contact')">Контакты</a> </nav> <p>Выбран класс <b>{{active}}</b></p> </div> <script type="text/javascript"> // Создаем новую сущность Vue.js var demo = new Vue({ // DOM элемент, к которому прикреплена сущность el: '#main-x', // Начало модели. // Определяем свойства и присваиваем им необходимые значения. data: { active: 'home' }, а так уже нет div id="main-x"> <nav v-bind:class="active" v-on:click.prevent> <a href="#" class="home" v-on:click="makeActive('home')">Главная</a> <a href="#" class="projects" v-on:click="makeActive('projects')">Проекты</a> <a href="#" class="services" v-on:click="makeActive('services')">Услуги</a> <a href="#" class="contact" v-on:click="makeActive('contact')">Контакты</a> </nav> <p>Выбран класс <b>{{active}}</b></p> </div> <script src="/js/find.js" charset="utf-8"></script>

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