PROSAGA码农传奇-Vue-我可以使用Vue和Vue Router CDN导入单个文件组件吗？

<div class =“post-text”itemprop =“text”>
  <P>
    我认为这是一个误解。据我所知，你试图加载
     <code>
      User.html
    </code>
     在你加载的方式
     <code>
      .vue
    </code>
     文件，但除非你使用Webpack来构建你的项目，否则这不起作用
     <code>
      .vue
    </code>
     filetype是什么的
     <code>
      vue-loader
    </code>
     project负责解析。
  </p>
  <P>
    Vue Router CDN意味着你没有使用Webpack构建，因此加载像你正在做的组件是不可能的。您可以将Vue Router配置为提供User.html文件，但该文件不能是模板组件，因为在CDN模式下，Vue Router不知道您的服务器上有哪些文件，也不能简单地检索它们。
  </p>
  <P>
    因此，您需要执行以下三个选项之一：
  </p>
  <H1>
    选项1：开始使用Webpack进行项目
  </H1>
  <P>
    这是我建议你做的。你会发现你的项目表现更好，使用它更容易开发。
  </p>
  <H1>
    选项2：为CDN使用正确的模板语法
  </H1>
  <P>
    这是例如：
  </p>
   <pre>
    <code>
      var mytemplate = `<div>
<h1>This is my template</h1>
</div>`

Vue.component('mycomp1', {
    template: mytemplate
});

Vue.component('mycomp2', {
    template: `
        <div>
            Hello, {{ name }}!
        </div>
    `,
    props: ['name'],
});

</code>
  </pre>
  <P>
    如果不使用Webpack构建，则无法将其他文件作为模板加载。 Webpack将它们放入您的单页应用程序中，Vue Router不知道里面有什么
     <code>
      User.html
    </code>
     Vue也不能将它用作模板。可以告诉Vue路由器重定向到完全功能
     <code>
      User.html
    </code>
     网站页面，但不要只是将其用作模板。
  </p>
  <H1>
    选项3：使用Ajax请求获取模板文件
  </H1>
  <P>
    这是我强烈要求你做的事情，但为了完整起见，你可以使用CDN版本，如果你取得的内容
     <code>
      User.html
    </code>
     使用Ajax请求的文件并从中创建一个组件。
  </p>
  <H3>
    我真的，真的建议你停止使用CDN版本，而是去找一个基于Webpack的解决方案，放弃黑暗的一面！或者使它更简单并使用Nuxt.js，因为它更容易让初学者使用。
  </H3>
</DIV>