Laravel Türkiye Discord Kanalı Forumda kod paylaşılırken dikkat edilmesi gerekenler!Birlikte proje geliştirmek ister misiniz?

Vue js 2 kurulum

caglar_kocak

Merhabalar , laravel içerisinde vue js kurulumu yapmak istiyorum. Aslında vue js öğrenmeye bugün başladım. Amacım ise şu kodu çalıştırmak :

<script>

   new Vue({
         el:'#xyz',
        name :'name',
        data:{
            mesaj:'hello world'
       }
   })
</script>

Ancak bu kodu yazdığım da Vue yi anlamıyor.

Bu kodun hemen üstünde şunu çağırdım :

<script src="{{ asset('assets/js/vue.js') }}"></script> vue js yi indirdim. Bunun cdn linkini de ekliyorum yine de olmuyor.

trueWD

caglar_kocak

<div id="xyz">
    <span v-bind:title="message> </span>
    <br>
    veya Mesaj :{{ mesaj }}
</div> 
<script>

   new Vue({
         el:'#xyz',
        name :'name',
        data:{
            mesaj:'hello world'
       }
   })
</script>

Size tavsiyem muhakkak bir eğitim seti tamamlayınız.

caglar_kocak

caglar_kocak Sorunu çözmüş bulunmaktayım. Benim gibi bu sorunu yaşayan olursa diye , Çözüm burada :

https://forum.vuejs.org/t/vuejs-with-laravel-doesnt-work/16570

hem laravel de hem de vuejs de çift süslü parantez kullanıldığı için bu sorun yaşanıyor. Laravel tarafında çift süslü parantezlerin önüne @ işaretini koyarak bu sorunu aşabiliyoruz. Zaten paylaştığım linkte de bunu açıklamışlar.

caglar_kocak

trueWD bir eğitim seti satın aldım oradan çalışıyorum ancak kurulumu yapamadım. Şimdi sizinle tüm sayfayı paylaşıyorum ,

@extends('frontlayouts.front')
@section('title') Ana Sayfa  @endsection
@section('css')     @endsection
@section('content')
   <div id="xyz">
       Mesaj :{{ mesaj }}
   </div>

@endsection
@section('js') @endsection
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>

<script>

   new Vue({
        el:'#xyz',
        name :'name',
        data:{
            mesaj:'hello world'
       }
   })
</script>

Burada beklentim Mesaj : hello world yazısını ekranda almak. Ancak sorun şurada new Vue dediğim zaman oradaki Vue nedir algılamıyor. Şöyle bir hata fırlattı ,

Use of undefined constant mesaj - assumed 'mesaj' (this will throw an Error in a future version of PHP) (View: /home/projem/public_html/resources/views/front/index.blade.php) yani bu mesaj değişkenini tanımıyor. Bunun sebebi ise vue js yi algılamaması. Mesela jquery kodu yazıcaksam jquery nin cdn ini eklemem yetiyor ve içeriye jquery yazabiliyorum. Ancak burada yeterli olmuyor gibi geldi bana. Ya da hata nerde anlamadım. İyice kafam karıştı.

caglar_kocak

caglar_kocak https://www.vuemastery.com/courses/intro-to-vue-js/vue-instance buradan baktım şimdi. Yaptığı tek şey cdn i ekleyip sonra kodu yazmak. E ben de aynısını yapıyorum. Neden olmuyor ? Laravel ortamında çalışıyor olmamın bir etkisi var mı ? Yani ne alaka ? script kodu niye çalışmasın

caglar_kocak

Laravel Kurulumunu kaldırıp boş bir index sayfasında denedim ve herhangi bir sorun olmadan çalışıyor. Laravel ile birlikte çalışmıyor. Nasıl çalıştırabilirim ?

mgsmus

caglar_kocak https://laravel.com/docs/8.x/blade#blade-and-javascript-frameworks