Understanding the @verbatim Directive in Blade || Digging Code

اهلاً بيكوا في سنة جديدة و يارب تكون سنة سعيدة و مليئة بالإنجازات...تعالوا نتكلم النهارده عن ال verbatim directive@ في لارفيل 🤯

إحنا عارفين إن لارفيل بتستخدم template engine إسمه blade و عارفين كمان إن عشان نطبع قيمة معينة جوا ال blade file بنستخدم ال two carely braces و في بعض ال frameworks التانية اللي بتستخدم نفس الطريقة دي زي ال vuejs و اللي بتسميه Mustache 💡

خليني قبل ما نبدء في موضوعنا اقولك معلومة علي السريع كدا, و هي إن لارفيل فيها feature بتخليك تطبع الحاجة زي ماهي عن طريق ال @ فالو عايز اطبع قيمة ال current authenticated user name هعمل كدا 👇

{{ auth()->user()->name }}

و هتكون ال result كدا 🧐

Mahmoud Ramadan

لاكن لو كتبت كدا 👀

@{{ auth()->user()->name }}

ال result هتكون كدا 👇

تعالوا بقا نكمل موضوعنا و خلينا نستخدم ال vuejs مع لارفيل زي كدا..😎

<!DOCTYPE html>
<html lang="en">

<head>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        var app = new Vue({
            el: '#app',
            data: {
                message: 'Hello Laravel!'
            }
        })
    </script>
</head>

<body>
    <div id="app">
        {{ message }}
    </div>
</body>

</html>

طبعاً هنا في الكود دا هيطلعلي error لإني معنديش متغير إسمه message, و عشان اخليه يطبع قيمة ال message هستخدم ال feature اللي لسه متكلم عليها, فايبقي الكود بالشكل دا 💻

<div id="app"> 
    @{{ message }}
</div>

طيب أنا لو معرف كذا متغير في ال vue هل كل مره هستخدم ال @؟ لارفيل بتقولك لأ, كل اللي عليك إنك تستخدم ال verbatim directive@ زي كدا 🔭

<!DOCTYPE html>
<html lang="en">

<head>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        var app = new Vue({
            el: '#app',
            data: {
                message1: 'Hello Laravel!',
                message2: 'Hello verbatim!'
            }
        })
    </script>
</head>

<body>
    <div id="app">
        @verbatim
        {{ message1 }}
        {{ message2 }}
        @endverbatim
    </div>
</body>

</html>

و بكدا أكون خلصت و أتمني تكون إستفدت ✔