What is the difference between Section and Stack i

2020-05-21 08:49发布

站内问答 / 前沿技术
488 3 5

We can use a section to define some HTML and then yield that somewhere else.

So why do we have stacks? https://laravel.com/docs/5.2/blade#stacks

It's doing exactly the same thing with different keywords, but has fewer options (No inheritance).

@push('scripts')
    <script src="/example.js"></script>
@endpush

<head>
    <!-- Head Contents -->

    @stack('scripts')
</head>

Can be done with section:

@section('scripts')
    <script src="/example.js"></script>
@endsection

<head>
    <!-- Head Contents -->

    @yield('scripts')
</head>

3条回答
不美不萌又怎样
2楼-- · 2020-05-21 09:17 
@section - You can add your js css once.
@stack   - Push js css into stack (page) many times.
查看更多
0人赞 添加讨论(0) 举报
▲ chillily
3楼-- · 2020-05-21 09:26

Stack is someway appropriate for scripts , with stack you can Append as much as you need .

@push('scripts')
    <script src="/example.js"></script>
 @endpush

Append …

<head>
<!-- Head Contents -->

@stack('scripts')
</head>

As you can see the scripts stack will be appended under the script tag of example.js . So you can push special scripts for each view .

查看更多
0人赞 添加讨论(0) 举报
你好瞎i
4楼-- · 2020-05-21 09:27

I might be mistaken, but the difference is not only semantically, but in behaviour as well. With @push you append as many times as needed to a stack, while (by default) you may fill @section only once in your views. In some situations this comes in handy when you need to add content from different locations across your template files or in loops:

index.blade.php:

@extends('master')

...  

@for ($i = 0; $i < 3; $i++)

  @push('test-push')
    <script type="text/javascript">
    // Push {{ $i }}
    </script>
  @endpush

  @section('test-section')
    <script type="text/javascript">
    // Section {{ $i }}
    </script>
  @endsection

@endfor

master.blade.php

    @stack('test-push')
    @yield('test-section')
</body>

result:

    <script type="text/javascript">
    // Push 0
    </script>
        <script type="text/javascript">
    // Push 1
    </script>
        <script type="text/javascript">
    // Push 2
    </script>
    <script type="text/javascript">
    // Section 0
    </script>
    </body>
查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(5)