VueとTypeScriptでの変数のexportについて
VueをTypeScriptで書いています。
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import importData from '@/assets/script/data'
@Component
export default class Sample extends Vue {
hoge = importData
}
</script>
上記のimportDataを<template>
内で使う際に他の変数(hoge)に入れないとエラーが出てしまいました。
export default class Sample extends Vue {
importData
}
↑のようにそのままexportできないかなと思ったのですが何か他の書き方はありますでしょうか?
それとも一番最初に書いたように変数に入れるのが一般的なのでしょうか?
それ以前の理解不足でしたらすみません...
JavaScriptはそこそこ書けるのですが、VueもTypeScriptもクラスベースで書くのも不慣れなので、よくわからないまま書いてます。
ご回答のほど、よろしくお願いいたします。
data.tsの中身です。
最初はjsonをimportしようとしたのですが、扱い方がよくわからず下記の記事を参考にtsファイルでimportしました。
あの手この手でTypeScriptからJSON形式データをimportする - Qiita
interface Example {
items: {
a: string,
b: number,
}[]
}
const data: Example = {
items: [
{
a: 'hoge',
b: 100
},
{
a: 'fuga',
b: 50
},
]
}
export default data