使用组件
// resources/views/home/article/index.blade.php
if (Auth::check())
<div class="panel-footer">
<favorite
:post={{ $list->id }}
:favorited={{ $list->favorited() ? 'true' : 'false' }}
></favorite>
</div>endif
然后我们要创建 favorited() 打开 app/Models/Post.php 增加 favorited() 方法
注意要在头部引用命名空间 use AppModelsFavorite; use IlluminateSupportFacadesAuth;
public function favorited()
{
return (bool) Favorite::where('user_id', Auth::id())
->where('post_id', $this->id)
->first();
}2.8 使用组件
引入 Favorite.vue 组件 resources/assets/js/app.js
Vue.component('favorite', require('./components/Favorite.vue'));编译
npm run dev 
效果图
3. 完成 我的收藏夹
3.1 创建用户控制器
php artisan make:controller UsersController 修改
app/Http/Controllers/UsersController.php
<?php
namespace AppHttpControllers;
use IlluminateHttpRequest;
use IlluminateSupportFacadesAuth;
class UsersController extends Controller
{
public function myFavorites()
{
$myFavorites = Auth::user()->favorites;
return view('users.my_favorites', compact('myFavorites'));
}
} 添加视图文件
// resources/views/users/my_favorites.blade.php
extends('layouts.app')
@section('content')
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="page-header">
<h3>My Favorites</h3>
</div>
@forelse ($myFavorites as $myFavorite)
<div class="panel panel-default">
<div class="panel-heading">
<a href="/article/{{%20$myFavorite->id%20}}" rel="external nofollow" >
{{ $myFavorite->title }}
</a>
</div>
<div class="panel-body" style="max-height:300px;overflow:hidden;">
<img src="/uploads/{!!%20($myFavorite->cover)[0]%20!!}" style="max-width:100%;overflow:hidden;" alt="">
