Javascript Kaynaklarının Entegrasyonu


    × Bunları biliyor muydunuz?
"Dinamik bir kütüphaneyi tanımlarken sınıf isminin başına Internal ön eki getirirerek statik erişimli hale getirebilirsiniz. "


ZN Framework'te vue, react, angular gibi js kütüphanelerini kullanabilmeniz mümkündür. Bu kütüphanelere ait uzak bağlantılı linkler aşağıdaki yapılandırma dosyasında yer almaktadır. Ve Bu linkleri temsil eden dizi anahtarlarını Import:: kütüphanesinde kullanarak sisteme dahil edebilirsiniz.

Dosya: Settings/CDNLinks.php

 

 

# Örnek Kullanım


Aşağıdaki örnekte vue kullanımı gösterilmiştir.

Görünüm: Views/VueExample/main.wizard.php
<html>
<head>
    @Import::script('vue')
    <meta>
        <title>{{$title}}</title>,
    </meta>
</head>
<body>
<div id="app-4">
  <ol>
    <li v-for="todo in todos">
      [{ todo.text }]
    </li>
  </ol>
</div>

<script>
var app4 = new Vue
({
    el: '#app-4',
    data:
    {
        todos:
        [
            { text: 'Learn JavaScript' },
            { text: 'Learn Vue' },
            { text: 'Build something awesome' }
        ]
    }
})
</script>
</body>
Dikkat: Yukarıdaki örnekte vue data gönderimi için [{ data }] kullanıldığına dikkat edin. ZN'nin şablon sihirbazına ait {{ }} ayracı ile çakışmaması için böyle bir kullanıma gidilmiştir. Tabi ki js kütüphanesinin ayarlarından delimiter değerini değiştirilmediği sürece bu şekilde kullanılır.