Vue 通过 cdn 引入形式使用路由怎么引入组件呢?

公司的老项目使用script形式引入使用.
index.html头部引用vue和router

// index.html

var app = new Vue({
      el: '#app',
      router:new VueRouter({
        routes:[
          {path:'/foo',component:???}这里的component我想引用index.js里注册的组件CyMain
        ]
      }),
      data(){ ..........

index.js

Vue.component('CyMain', {
  template: "<div>123456789</div>"
.................

这种形式我该怎么去获取这个注册的组件呢？试了很多方法，不是报错就是找不到。
使用require('./component/main.js').default虽然不报错了，但是<router-view></router-view>没办法显示。
求大佬解惑，非常感谢！