Question

我现在正试图使用vuetify，但我真的很困惑如何使用它。我已经使用了CDN，并从vuetify.js中复制粘贴了html和javascript代码，但它根本不起作用。它返回了错误uncaught SyntaxError: Unexpected token export. 这是html代码：

<template>
  <v-card height="200px">
    <v-bottom-nav
      absolute
      shift
      value="true"
      :class="{
        'blue-grey': e2 === 1,
        'teal': e2 === 2,
        'brown': e2 === 3,
        'brown lighten-1': e2 === 4
      }"
    >
      <v-btn dark @click.native="e2 = 1" :value="e2 === 1">
        <span>Video</span>
        <v-icon>ondemand_video</v-icon>
      </v-btn>
      <v-btn dark @click.native="e2 = 2" :value="e2 === 2">
        <span>Music</span>
        <v-icon>music_note</v-icon>
      </v-btn>
      <v-btn dark @click.native="e2 = 3" :value="e2 === 3">
        <span>Book</span>
        <v-icon>book</v-icon>
      </v-btn>
      <v-btn dark @click.native="e2 = 4" :value="e2 === 4">
        <span>Image</span>
        <v-icon>image</v-icon>
      </v-btn>
    </v-bottom-nav>
  </v-card>
</template>

and javascript code:
<script>
  export default {
    data () {
      return {
        e2: 3
      }
    }
  }
</script>

Answer 1

Vuetify现在有https://vuetifyjs.com/vuetify/quick-start的CDN快速入门。我建议进行设置，然后您应该能够复制和粘贴文档示例中的代码。

Answer 2

就我而言，我重新运行npm run serve并刷新了浏览器，然后加载了没有错误的Vuetify默认页面

Vuetify错误：未捕获的SyntaxError：意外的令牌导出

2 个答案: