0
我想现在使用vuetify,但我真的很困惑如何使用它。我已经使用了CDN,并且复制了vuetify.js中的html和javascript代码,但它根本不起作用。它返回的错误uncaught SyntaxError: Unexpected token export.
这是html代码:Vuetify错误:未捕获SyntaxError:意外的令牌导出
<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>
你说你有复制和粘贴的代码 - 你在哪里粘贴它?这是一个单独的文件组件,需要使用webpack&vue-loader将构建设置转换为浏览器可以理解的JavaScript版本... –
实际上我不知道如何使用vuetify。我认为可以以相同的方式使用vuetify和实现/ bootstrap。我只做了一个html文件,然后将CDN,它的js和html代码复制粘贴到这个html文件中。你能帮助我如何使用vuetify吗? @LinusBorg – hfbchri