Laravel по-русски

Русское сообщество разработки на PHP-фреймворке Laravel.

Ты не вошёл. Вход тут.

#1 01.10.2017 14:42:26

Преимущества использование Vue.js в laravel приложении ?

Всем привет,
разьясните, пожалуйста, популярно, какие преимущества дает и для какого типа приложения использование Vue.js в laravel приложении ?
Я, конечно, погуглил и нашел статьи
https://laravel.ru/posts/714 ,
https://laravel.ru/posts/352
и ряд других
Не скажу что разобрался, скорее запутался.
У меня сейчас есть backend(административная часть) каталога товаров. Сделано Laravel/bootstrap/jquery.
нужно делать фронтенд - все стандартно : выбор товаров из списка, поиск, регистрация юзеров, корзина с выбранными товарами оплата.

Можент ли тут Vue.js быть полезеым и облегчить разработку ? Почитав я вижу что я могу заменить jquery ?
Ткните, плиз, с чего начинать и стоит ли использовать Vue.js?

  Спасибо!

Не в сети

#2 01.10.2017 22:12:01

Cheshirrski
masterМастер
Откуда: Днепр
Сообщений: 116
Статей: 2

Re: Преимущества использование Vue.js в laravel приложении ?

Пишите на том, что знаете лучше. Если задача освоить новый инструмент - Vue.js даст преимущество в построении сложных интерактивных, реактивных форм, приложений-одностраничников. Заменить jquery не выйдет, т.к без него не будет работать bootstrap, во всяком случае его js часть. Впрочем, никто не запрещает использовать их вместе. Начинать стоит с документации, как и всегда. От себя советую посмотреть уроки на laracasts.com

Не в сети

#3 02.10.2017 14:41:45

Re: Преимущества использование Vue.js в laravel приложении ?

Поиском ищу на laracasts.com
и нахожу
https://laracasts.com/series/learn-vue- … episodes/1
Это хорошее начало ?

И уточните плиз что вы называете “сложных интерактивных, реактивных форм, приложений-одностраничников” ?
Можно несколько примеров таких приложений ?

Мне привычней страницы такого типа http://ec2-34-212-140-26.us-west-2.comp … ebcam-hd-1
или
http://ec2-34-212-140-26.us-west-2.comp … s_by_state

Под ваше определения они не очень подходят ...
Интерес к Vue.js потому что пасусь на upwork  и вижу спрос на Vue.js...

Не в сети

#4 02.10.2017 15:27:57

Re: Преимущества использование Vue.js в laravel приложении ?

Просто посмотри, что он умеет, и подумай, а поможет ли это тебе.
Одно из преимуществ js фреймворков - data binding.
Смотри - https://vuejs.org/v2/examples/todomvc.html , новые элементы появляются и удаляются (html код элементов), потому-что изменилась структура json объекта и тебе не приходится писать кучу jquery кода с вызовами remove и append.

Только есть неудобство - оно не индексируется поисковиками.

Изменено covobo (02.10.2017 15:28:27)

Не в сети

#5 02.10.2017 18:42:33

Cheshirrski
masterМастер
Откуда: Днепр
Сообщений: 116
Статей: 2

Re: Преимущества использование Vue.js в laravel приложении ?

Бегом на https://ru.vuejs.org/v2/guide/ - большая часть вопросов отпадет.

Только есть неудобство - оно не индексируется поисковиками.

Вроде с февраля гугл адекватно все индексирует.

Не в сети

#6 09.10.2017 09:41:08

Re: Преимущества использование Vue.js в laravel приложении ?

За ссылки спасибо.

Просматриваю видео  и пытаюсь выполнить примеры и первое, что не получилось что в моем подключаемом js-фале ошибка:

 Uncaught ReferenceError: require is not defined

На строку:

Vue.component('example', require('./components/Example.vue'));


Погуглив по проблеме имею :

# php artisan --version
Laravel Framework 5.5.14

# node -v
v7.10.0
# npm -v
4.2.0 

И успешно выполняется :

# npm run dev 

В моем файле resources/assets/js/app.js:

/**
 * First we will load all of this project's JavaScript dependencies which
 * includes Vue and other libraries. It is a great starting point when
 * building robust, powerful web applications using Vue and Laravel.
 */

require('./bootstrap');

window.Vue = require('vue');

/**
 * Next, we will create a fresh Vue application instance and attach it to
 * the page. Then, you may begin adding components to this application
 * or customize the JavaScript scaffolding to fit your unique needs.
 */

Vue.component('example', require('./components/Example.vue'));

const app = new Vue({
    el: '#app'
});

и ошибки нет.

Что я упустил ?

Не в сети

Подвал раздела