как-то бредовенько

нет, очень удобно

import React from 'react';

все равно можно написать export default {a:1,b:2}

вытащить реакт из реакта

а потом import {a,b} from 'aaaa.js'

import React, { PropTypes } from 'react';

а потом import {a,b} from 'aaaa.js'

не сработает :)

разве?

срабатывало во времена babel5 потому что у них была неправильная реализация модулей

понял

пардоньте

вопрос отпал

в этом и суть - в import { ... } - это не деструктуризация

import React, { PropTypes } from 'react';

мм, клевое пояснение кстати ??

похоже у разноса фунции есть положиетльные плюшки: например не нужно обращаться к методу как this.myMethod(), а можно непосредственно как myMethod() (но это не точно :В )

если ты не используешь this - то да можно

если же у тебя используется this внутри функции - то только this.myMethod

???? клаасс

Это вы о чем

Более того, если у тебя эти функции не дергаются из шаблона (А у тебя и шаблона то нет), то их и не надо добавлять в methods компонента (зачем?)

логичный вопрос, однако

да, пожалуй надо будет переделать

как будет выглядет ьобращение к геттеру namespased модуля у хранилища?

store.getters.a.getSomethig?

store.getters.a.getSomething

пасиба

а вообще с этим неймспейсингом грязь

С одной стороны - просто сливать все в store.getters плохо - конфликты имен разных модулей разработанных разными людьми и т.д.

С другой стороны - если все неймспейсить теряется очень важная фишка хранилища о которой мало кто задумывается - возможность реагировать на одну мутацию в разных модулях хранилища

А это важно. Простейший пример - на мутацию LOGOUT реагирует хреналлиард модулей хранилища, настраивая себя

Но если делать часть модулей namespaced, часть нет - получается еще хуже. Оккам негодует

Но если делать часть модулей namespaced, часть нет - получается еще хуже. Оккам негодует

но ведь у нас же есть доступ к rootState

но да я согласен, поэтому только независмые модули в namespased заношу

А тут тоже неприятный нюанс

store.getters.a.getSomething

store.getters['a/getSomething']

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

так бы я мог это сделать отдельным модулем Vuex который реагирует на теже события

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

вобщем тема side-effects во Vuex пока не раскрыта чуть-более чем полностью

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

это скорее вопрос в пустоту, может кто мыслями поделится

https://gist.github.com/tufedtm/9126d375f35b0b2b270544061507afc9 падает с ошибкой [Vue warn]: Unknown custom element: <dashboard-header> - did you register the component correctly? For recursive components, make sure to provide the "name" option. (found in anonymous component at Dashboard.vue) их что, еще и в Dashboard.vue надо импортировать и регистрировать?

https://gist.github.com/tufedtm/9126d375f35b0b2b270544061507afc9 падает с ошибкой [Vue warn]: Unknown custom element: <dashboard-header> - did you register the component correctly? For recursive components, make sure to provide the "name" option. (found in anonymous component at Dashboard.vue) их что, еще и в Dashboard.vue надо импортировать и регистрировать?

а где ты прописал, name для своей компоненты?

покажи логику из dashboard.vue

https://gist.github.com/tufedtm/9126d375f35b0b2b270544061507afc9 падает с ошибкой [Vue warn]: Unknown custom element: <dashboard-header> - did you register the component correctly? For recursive components, make sure to provide the "name" option. (found in anonymous component at Dashboard.vue) их что, еще и в Dashboard.vue надо импортировать и регистрировать?

Да, надо

И это хорошо

покажи логику из dashboard.vue

в Dashboard.vue только template

вот для него покажи dashboard-header

И это хорошо

ну тут код дублировать приходится

Какой?

почему ты используешь и то и то? component: DashboardContent, components: { DashboardHeader, DashboardSidebar }

в vue нельзя расширять родительский шаблон и его рендерить?

Можно

Но писать правильно надо

Можно

если есть пример, то можешь кинуть?

Какой?

<script> import * as DashboardHeader from './DashboardHeader.vue'; import * as DashboardSidebar from './DashboardSidebar.vue'; import * as DashboardContent from './DashboardContent.vue'; export default { components: { DashboardHeader, DashboardSidebar, DashboardContent } } </script>это добавил в Dashboard.vue но это дубль и route

И помогло? :)

почему ты используешь и то и то? component: DashboardContent, components: { DashboardHeader, DashboardSidebar }

думал рендерить DashboardContent через router-view

думал рендерить DashboardContent через router-view

я так и делаю

Можно

а как?

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

Ты напутал компоненты вью и именованный роутинг

ERROR: S client not available

сейчас так и работает

Выкинуть из dashboard.vue

где name у компоненты?

И вместо <dashboard-header

<router-view name="dashboard-header">

Это если ты хочешь компоненты в роутах перечислять

где name у компоненты?

name становится равен компоненту ведь?

name становится равен компоненту ведь?

хм, пойду читать доки

Забейте на name, он глубоко опционален

Name необходим только если рекурсивно тот же компонент нужно будет вызывать

Но вообще для сценариев дашбоард-футер-контент лучше вложенные роуты использовать

А не именованные

еще и помощь в отладке

хм, пойду читать доки

это в es6 такое добавили в объекты нет?

это в es6 такое добавили в объекты нет?

Вы обо разных вещах говорите

Один о name в определении компонентов, второй о имени при подключении

Один о name в определении компонентов, второй о имени при подключении

как я понял, я о втором?

Да

ES2015 Object Shorthand syntax

<router-view name="dashboard-header">

сделал так все 3 компонента удалил содержимое тега script из Dashboard.vue ошибок нет, но и не рендерится ничего

В роутинге поправь components

'dashboard-header': DashboardHeader

я не уверен что имена из camelcase в черточки перегоняются

А ещё component выкинуть из роута

И в components сунуть

default: Dashboard

А ещё component выкинуть из роута

воот, я тоже удивился от этого

Может оно и работает

Но неочевидные штуки не для меня

default: Dashboard

{ path: '/dashboard', children: [ { path: '', name: 'dashboard', components: { default: Dashboard, 'dashboard-header': DashboardHeader, 'dashboard-sidebar': DashboardSidebar, 'dashboard-content': DashboardContent } } ] },т.е. так?