Giriş yapmadınız.

#1 06.10.2016 15:17:06

actuallymab
Üye
Kayıtlı: 06.10.2016
Mesajlar: 4

Vue Router component kullanımı

Selam,

Vue router için kullandığım dependency'ler şunlar:

"vue": "^2.0.1",
"vue-router": "^2.0.0",
"laravel-elixir-vue-2": "^0.2.0"

Router'ı oluştururken şu şekilde çalıştığımda herhangi bir sorun ile karşılaşmıyorum:

const router = new VueRouter({
    routes: [
        { path: '/', component: {
            template: '<div>Home</div>',
            created() {
                console.log('a')
            }
        } },
        { path: '/pricing', component: {
            template: '<div>Pricing</div>',
            created() {
                console.log('b')
            }
        } }
    ]
});

Ama yukarıdaki kodu componentlere ayırıp şu hale getirdiğimde .vue dosyaları içerisindeki script'ler derlenmiyorlar:

import Home from './routes/Home.vue';
import Pricing from './routes/Pricing.vue';

const router = new VueRouter({
    routes: [
        { path: '/', component: Home },
        { path: '/pricing', component: Pricing }
    ]
});

Home.vue:

<template>
    <div>
        Home
    </div>
</template>
<script>
    export default{
        data(){
            return {
                user: 'asd'
            }
        },
        created() {
            console.log('a')
        }
    }
</script>

Çevrimdışı

#2 06.10.2016 15:33:25

evrend
Üye
Yer: DÜZCE
Kayıtlı: 26.05.2014
Mesajlar: 370
Website

Yanıt: Vue Router component kullanımı

Vue.js ile alakalı bölüm açıldı. Konuyu keşke oraya açsaydınız. smile


Unutmayın, HERKOD aynı değildir.
Fiyat/Performans Cloud için: Digital Ocean.
Ayda 2,5$'a 512Mb ram, 1Core CPU Cloud için: Vultr.

Çevrimdışı

#3 06.10.2016 15:35:55

actuallymab
Üye
Kayıtlı: 06.10.2016
Mesajlar: 4

Yanıt: Vue Router component kullanımı

Görememiştim, sonradan ben de farkettim, konu taşımayı aradım bulamadım. Üzgünüm sad

Çevrimdışı

#4 06.10.2016 16:01:12

sineld
Yönetici
Yer: Bursa
Kayıtlı: 26.12.2012
Mesajlar: 1,439
Website

Yanıt: Vue Router component kullanımı

Gerekli taşıma işlemini yaptım.

Kodlara İnşallah akşam bakacağım.

Çevrimdışı

#5 06.10.2016 21:28:16

sineld
Yönetici
Yer: Bursa
Kayıtlı: 26.12.2012
Mesajlar: 1,439
Website

Yanıt: Vue Router component kullanımı

Her iki şekilde de çalışır duruma getirdim ancak loglama yapmadan.

Loglama yaptığında created methodunun çalışabilmesi için buradaki örneğe benzer bir çalışma yapmalısın:

https://github.com/vuejs/vue-hackernews … omment.vue

Çevrimdışı

#6 06.10.2016 22:13:07

actuallymab
Üye
Kayıtlı: 06.10.2016
Mesajlar: 4

Yanıt: Vue Router component kullanımı

Teşekkürler abi,

Şöyle bir şekilde atlıyorum şimdilik. "default export" yerine "module.exports" kullanıyorum. Buradaki sorun daha çok Vue dosyalarının içerisindeki ecmascript6'nın derlenme sorunu. bir çözüm arayacağım.

sineld yazdı:

Her iki şekilde de çalışır duruma getirdim ancak loglama yapmadan.

Loglama yaptığın created methodunun çalışabilmesi için buradaki örneğe benzer bir çalışma yapmalısın:

https://github.com/vuejs/vue-hackernews … omment.vue

Çevrimdışı

#7 07.10.2016 07:18:46

sineld
Yönetici
Yer: Bursa
Kayıtlı: 26.12.2012
Mesajlar: 1,439
Website

Çevrimdışı

Forum alt kısmı