@vuejs_ru
Vue.js — русскоговорящее сообщество

Общаемся на темы, посвященные Vue.js и опыту его использования. Проблемы. Новости. Решения. См. также: @js_ru, @react_js, @angular_ru, @nuxtjs_ru Вакансии только тут: @javascript_jobs

3988 members

Архив канала @vuejs_ru 11 сентября 2016 г.

12:57:55 ДП
User 19984556
также в этом случае не ясно как устанавливать properties в самом компоненте, так как, полагаю, локально, внутри компонента, правильнее всего держать данные именно в них
07:49:07 ДП
User 133584063
Так, не ясно что ты хочешь в случае с this
07:50:18 ДП
User 133584063
А вот вот обращаться к данным из компонента а в компонента б это плохой патерн
07:50:31 ДП
User 133584063
У нас здесь работает подход one way
07:51:51 ДП
User 133584063
То есть данные должны меняться где-то в сторе, а компоненты уже должны забирать себе необходимые части этих данных
07:52:10 ДП
User 133584063
В кратце -  используй vuex
07:53:31 ДП
User 133584063
А так вообще ты можешь по реф добраться и до данных и до ф-й какого либо компонента
07:57:10 ДП
User 19984556
В сети встречаю огромное количество примеров с this, как this.$el, но не undefined this пока не видел)
07:57:45 ДП
User 133584063
Скинь пример
07:57:52 ДП
User 133584063
Где-нибудь в песочнице
09:32:02 ДП
User 234491501
Почему transition не отрабатьівает на появление?
http://jsbin.com/huhuloziqe/edit?html,css,js,output
09:41:28 ДП
User 19984556
сначала я думал у меня монитор заляпан из-за “ьi” %)
09:41:46 ДП
User 234491501
@uoziod все так "шутят"
09:41:57 ДП
User 19984556
смешно, правда?
09:42:47 ДП
User 234491501
User 234491501
Почему transition не отрабатьівает на появление?
http://jsbin.com/huhuloziqe/edit?html,css,js,output
Разобрался. 😊
12:20:49 ПП
User 234491501
Немного попрактиковался: http://jsbin.com/dovoyoc/1/edit?html,css,js,output
jsbin.com/dovoyoc/1/edit?html,css,js,output
A live pastebin for HTML, CSS & JavaScript and a range of processors, including SCSS, CoffeeScript, Jade and more...
12:23:58 ПП
User 234491501
Но есть 1 вопрос. Как вместо
  alertClasses: function() {
    return {
      'alert-box': true,
      'alert-type-info': this.type == 'info',
      'alert-type-success': this.type == 'success',
      'alert-type-warning': this.type == 'warning',
      'alert-type-error': this.type == 'error',
    }
просто подставлять props'овьій type?
12:25:17 ПП
User 19984556
var obj = { “alert-box”: true };
obj[“alert-type-” + this.type] = true
?
12:25:29 ПП
User 133584063
Именно так))
12:26:32 ПП
User 133584063
Можно даже при ините объекта { [this.prop]: true }