через vue resource я делал запросы на сервер, там оч просто это, попробуй

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

аа, ну хз, жди других советчиков, я в этом слаб, сори

ой туплю, надо в промис или колбэк завернуть

А промис как тебе поможет? Инициализация ву инстанса - операция синхронная. В дату асинк хоть запихайся, проинициализировать с асинком не выйдет. Варианта два - либо ты получаешь данные до инита компонента, либо забиваешь изначально пустыми данными, а по готовности компонента делаешь запрос к серверу

Хотя в промисы все равно стоит завернуть. Без них сейчас никуда

блин, у вас у фронтовиков столько заморочек, вебпаки всякие, галпы, бабели, буцтрапы... мозг пухнет только от слов таких

Дык фронтенд же. С утра проснулся, одел очки, подровнял бороду, выпил смузи, выучил новый фреймворк и на работу - митинг через полчаса начнется. Так и живём.

Да, ни дня без нового фреймворка

я прост бэкендщик, там как то на одном стеке можно долго работать))

Начни бэкендить на js - на следующий же день поедешь в смузишную на гироскуторе.

я на laravel :)

А кто-то знает как (если такое возможно) пропихнуть в стили single-file компонента переменную из самого компонента?

А кто-то знает как (если такое возможно) пропихнуть в стили single-file компонента переменную из самого компонента?

Не думаю. Юзай v-bind, так проще и понятнее.

<span v-bind:id="id">Inspect me</span> <button v-on:click="reverseMessage">Reverse Message</button> А что, сахарка больше не будет?

?

<span v-bind:id="id">Inspect me</span> <button v-on:click="reverseMessage">Reverse Message</button> А что, сахарка больше не будет?

Которого?

а нет ни у кого случайно заготовки корзины на vuejs + localstorage?)

или может кто-то может сделать на заказ такую корзину?

Где то в примерах я видел

Сайт с корзиной

я нашел тоже, но решил сам запилить без vue. Jquery пhосто и ыessionStorage, щfс вот ковыряю, без js опыта как то тяжко))

ну как там vue2? Хорош?

Рвет! ?

ну как там vue2? Хорош?

Да то же самое, только быстрее, меньше весит и с виртуал домом. Ну и много ненужного выпилили

Прекрасные новости!

https://gist.github.com/eskrano/b5e28736f0fa186f905e3d697323d3d5 норм или можно еще что то поправить?

<div v-if = "!loading"> - может все же лучше v-else использовать

да это уже сказали

что еще?

v-for track-by если версия 1 или key если 2

не понял

вуе 2 если че

:to="{ name: 'lessons.edit', params: { id: lesson.id }} - я бы в computed засунул, а то пойдете по наклонной angular

:to="{ name: 'lessons.edit', params: { id: lesson.id }} - я бы в computed засунул, а то пойдете по наклонной angular

пример? что именно закинуть в computed

из документации key нужен для лучшего отслеживания <div v-for="item in items" :key="item.id"> {{ item.text }} </div>

хорошо а что в computed?

:to="route" computed: { route() { return { name: 'lessons.edit', params: { id: this.lesson.id }} } }

v-bind:class -> :class

и чем это будет лучше роут с компутедом?

v-bind:class -> :class

это понял щас поправлю

я бы так писал: data() { return {...} } -> data: () => ({...})

я бы так писал: data() { return {...} } -> data: () => ({...})

учту

так в чем преимущество роута с computed?

if (this.current_page == this.count_pages) return false; -> if (this.current_page === this.count_pages) { return; }

fetchData как-то оторван... не помню как красивее его сделать, но в том виде как ты написал нужно перед this.loading = false; смотреть не удалили ли еще компонент

так в чем преимущество роута с computed?

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

много опыта с vue?

это бест практикс, ну и есть опыт использования vue https://github.com/tyllo/Framework7-VueJS

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

в доке не слишком догнал

https://github.com/vuejs/vue-router/issues/462

спасибо) просто я похапешник какбы)

не сильно вникал в дерби js

клуб анонимных похапешников

https://github.com/vuejs/vue-router/issues/462

что то не вышло(

вот пример https://jsfiddle.net/simplesmiler/bdfgkejx/1/

так с доки копирнул

а как вкинуть допустим стили с animate.css?

2 варианта. либо делаешь extend анимации из css с помощю препроцессора, либо пользуйся JavaScript Functions из http://optimizely.github.io/vuejs.org/guide/transitions.html - подставляй к el свои классы. Сходу не вижу, но были еще варианты

ок спс

из пример выше .msg.v-enter, .msg.v-leave { @extend ClassName }

ладно а как мне файлы то отправить? тупо пост тыкнуть?э

в формдату?

хмм... в vue-router появиась обертка transsition https://router.vuejs.org/en/advanced/transitions.html и там еще проще ))) см строку this.transitionName = toDepth < fromDepth ? 'slide-right' : 'slide-left'

хмм... в vue-router появиась обертка transsition https://router.vuejs.org/en/advanced/transitions.html и там еще проще ))) см строку this.transitionName = toDepth < fromDepth ? 'slide-right' : 'slide-left'

да смотрел пока что простую наацепил для прикола)

https://github.com/james2doyle/vue-file-upload-component

вот это

стоит юзать?

не использовал, пробуй

а ты как файлы грузил?

с формы

formdata

https://github.com/james2doyle/vue-file-upload-component/blob/master/vue.file-upload.js#L49 типо так?

да https://developer.mozilla.org/en-US/docs/Web/API/FormData/Using_FormData_Objects

а можешь сорцами поделится как ты кидал файл в вуе?

чтоб по религии типо

А может каждый поделиться своими наработками, компонентами хорошо сделанными?)

Я в вуе только стартую

Интересно посмотреть на хорошие примеры

Да в том коде где файл отправлял все плохо, вот выдрал пару методов, из них будет более менее понятно methods: { submit(e) { e.preventDefault() var formData = new FormData() // Profile[file] - имя формы для Yii2 для файла formData.append('Profile[file]', this.file) formData.append('name_expeditor', store.$get('name_expeditor') ) formData.append('email', store.$get('email') ) formData.append('phone', store.$get('phone') ) for (var item in this.profileEdit) { // если есть галочка для изменения данных this.profile[item] && formData.append(item, this.profileEdit[item]) } this.$set('data', formData) // метод $save кидает обычный аякс запрос с данными this.data store.$save(this) this.blockForm = true // Обнулимся this.file = this.data = false this.profile = {} }, // обрабатываем файл из формы // https://github.com/vuejs/Discussion/issues/24 upload(e) { e.preventDefault() var file = this.$$.profile.files[0] DEBUG && console.log(file) if (file.size > 5*1024*1024) { alert ('Размер вложения не должен превышать 5MB !') } else { this.$set('file', file) } }, },

и кнопка загрузить jade: jade // кнопка загрузить label(class=style.upload) input.hide( type="file" v-el="profile" v-on="change: upload") .button( class=style.btn) Обзор... div(class=style.doc) span(v-if="!file") Прикрепите документ подтверждающий указанные изменения span(v-if="file"): strong "{{ file.name }}"

да я уже сделал

с превьюхой

ща код на гист кину

https://gist.github.com/eskrano/0bfea81a91c03289e3bd3ee9730bd17f

на бэк все проходит

обезательно @change="trackInput($event)" ?? просто @change="trackInput" разве не сработает? кажется евен должен пропихнуться

чую сейчас мой гамнкод обосрут))0))

не

не пропихивался