اهلاً بيكوا في سنة جديدة و يارب تكون سنة سعيدة و مليئة بالإنجازات...تعالوا نتكلم النهارده عن ال 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 هتكون كدا 👇
{{ auth()->user()->name }}
تعالوا بقا نكمل موضوعنا و خلينا نستخدم ال 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>
و بكدا أكون خلصت و أتمني تكون إستفدت ✔
