مشکل در لود صفحاتی دارای محتوایی مانند اسلایدر در Vue Router

اگر کدهاتون رو قرار بدین بهتر میشه راهنمایی تون کرد

سوال بنده خیلی کلی هست دوست عزیز
موقع استفاده از vue router وقتی در یک کامپوننت مثلا یک چارت قرار داده بشه اون چارت لود نمیشه مگر اینکه با مرورگر به آدرس مورد نظر بریم

شما یک کامپونت داری به فرض

const Foo = { template: '<div>foo</div>' }

که تویی این کامپونت یک چارت یا هرچی داری درسته؟! و وقتی از ویو روتر تویی تگ هات استفاده میکنی

<router-link to="/foo">Go to Foo</router-link>

و اینجوری در APP.JS اصلی تون می نویسن روترها

const routes = [
  { path: '/foo', component: Foo }
]

const router = new VueRouter({
  routes 
})

const app = new Vue({
  router
}).$mount('#app')

اون داده ها در کامپونتتتون اجرا نمیشه ولی وقتی ریفرش میکنی یا مسیر رو در مرورگر دستی وارد میکنی لود میشن؟!!!!
یعنی الان من تست بگیرم و براتون لینک بدم اجرا نمیشه!

بله دقیقا درسته و اجرا کنید لود نمیشه. در صورتی که کامپوننت هایی که محتوای خاصی ندارن براحتی لود میشن