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>
