Как осуществляется проверка в Vue?

183

02 августа 2018, 12:40

Разрабатываю приложение на laravel+vue, и возникло пару вопросов:

Как в компоненте Vue сделать такую проверку, типа @guest Login/Register @else Logout @endguest
Как передать Auth::id() в компонент? Как его в компоненте вывести?
Сайт у меня будет почти весь в картинках, разумно ли на каждую картинку вешать router-link... типа, чтоб у каждой картинки был свой url?

Answer 1

1,2. Во view.blade.php передаем параметром в компонент
<you-login-component id="{{Auth::check() ? Auth::user()->id : 0}}"/>.
В компоненте получаем его используем, соответственно если id то пользователь авторизован и вот его id иначе не авторизован export default{ props: ["id"], mounted(){ console.log(this.id) } } 3. Недостаточно информации, чтоб понять цель. Если у вас картинка это ссылка, скажем на какой-либо пост, то разумно сделать один роут вида {path: '/posts/:id'}