Vue.js 在哪里可以找到在线沙箱 Vuetify 3 模板来创建最小的可重现示例

发布于08月16日

我有一个关于Vutify 3的问题，我想在Stack Overflow上询问一下，但要做到这一点，我需要创建一个最小的可重现的示例.我在哪里可以找到我可以工作的模板？

我try 过的东西

我试着在codesandbox.io上创建自己的代码，但由于我不经常使用沙箱，所以花了很长时间才能运行.
我试着在谷歌上找一个我可以研究的现有例子，但找不到.
我try 使用Vutify文档中的链接，但似乎无法在修改状态下保存和共享它们.[更新:这是不正确的，正如公认的答案所表明的那样.]

推荐答案

还有official playground，如果你想使用SFC，这可能是最容易的.操场的内容被编码到URL中，因此您可以通过保存URL来保存它.

或者，您可以使用CDN Vue和Vutify创建代码片段:

const { createApp, ref } = Vue
const { createVuetify } = Vuetify
const vuetify = createVuetify()
const app = {
  template: `
    <v-app>
      <v-main>
        
      </v-main>
    </v-app>
  `,
  setup(){
    return {
      
    }
  }
}
createApp(app).use(vuetify).mount('#app')

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/vuetify@3/dist/vuetify.min.css" />
<link href="https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css" rel="stylesheet">
<div id="app"></div>
<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vuetify@3/dist/vuetify.min.js"></script>