如何转换 *.vue 示例文件以供 CDN 使用?



我正在查看 vuetify 的示例文件。它们似乎都是 *.vue 文件。我只熟悉 *.html *.css *.js 文件,其中 vue 与 CDN 一起使用。如何转换/修改这些 vue 文件以供 CDN 使用?有哪些步骤?这样做有什么陷阱?

我是 vue 的初学者.js目前正在制作一个微型应用程序的原型,以输入/输出少量数据,并且不需要任何花哨的东西。CDN 非常适合这一点。

所以起初我总是建议使用 Vue CLI 而不是 CDN 用法,因为它给你带来了很多好处和整体更流畅的开发人员体验。

来回答您的问题:这是带有 CDN https://codepen.io/pen?template=OJJeVge 的 Vuetify 的入门模板

他们只是使用带有 id 的<script>标签中的 vuetify 组件并挂载该组件并使用它初始化 vue 实例。

您可以将所有其他数据内容放在<script>标签中,就像在普通 .vue 文件的脚本标签中一样。

最新更新