如何使用CDN在Vue.js中包含外部模板？

Question

试图从本质上用外部文件替换我的const Product 。

我想这样做是为了使编辑模板更加容易。 最简单的方法是什么？

CDN：

<script src="https://unpkg.com/vue/dist/vue.js"></script> <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>

Vue JS：

<script>
    const Product = {template: `<div class="user"> <h2>User {{ $route.params.id }}</h2></div> `}

    const router = new VueRouter({

    routes: [
        {
            path: '/product/:id', component: Product, 
        }
    ],

    mode: 'history',

    })

    const app = new Vue({ 
        router 
    })

    .$mount('#app')

</script>