Vue Component不呈现...呈现为空HTML注释

Question

问题：

• Vue组件在屏幕上呈现为<!---->

设置：

• 应用程序位于C＃Core 2.0
• Vue版本2.5.16
• 使用gulp将静态js文件复制到/ wwwroot
  gulp.src('./node_modules/vue/dist/vue.min.js') .pipe(gulp.dest('./wwwroot/dist/'))
• 调用以HTML格式加载Vue <script src="~/dist/vue.min.js" asp-append-version="true"></script>
• 我有四个组成部分。两个使用字符串文字模板，两个使用<template>。在后者中，只有一个显示。
  <template id="paging-template"></template> <template id="modal-template"></template>

Vue.component('modal',{ template:'#modal-template'}); Vue.component('paging',{ template:'#paging-template'});

使用<modal></modal>调用模态，使用<paging></paging>调用。

模态显示正确。分页显示为<!---->，但在Chrome中使用Vue调试器插件我可以看到模型，Paging组件的所有内容都在那里。

我错过了什么？

编辑：  JSFiddle Link

这个css不是我的，只是他们提供的Vue模板的默认值