回答編集履歴
1
typescriptで試したのを載せておく
test
CHANGED
|
@@ -105,3 +105,65 @@
|
|
|
105
105
|
</script>
|
|
106
106
|
|
|
107
107
|
```
|
|
108
|
+
|
|
109
|
+
|
|
110
|
+
|
|
111
|
+
---
|
|
112
|
+
|
|
113
|
+
**追記**
|
|
114
|
+
|
|
115
|
+
---
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
`vue/cli`でvue.js+typescriptプロジェクト作って結局こうなった
|
|
120
|
+
|
|
121
|
+
main.ts
|
|
122
|
+
|
|
123
|
+
```ts
|
|
124
|
+
|
|
125
|
+
import Vue from 'vue';
|
|
126
|
+
|
|
127
|
+
import App from './App.vue';
|
|
128
|
+
|
|
129
|
+
import router from './router';
|
|
130
|
+
|
|
131
|
+
import store from './store';
|
|
132
|
+
|
|
133
|
+
|
|
134
|
+
|
|
135
|
+
// tslint:disable-next-line:no-var-requires
|
|
136
|
+
|
|
137
|
+
const VCalendar = require('v-calendar');
|
|
138
|
+
|
|
139
|
+
// v-calendarのlib.jsにあるinstall関数そのまま持ってくる
|
|
140
|
+
|
|
141
|
+
const defaults = VCalendar.setupCalendar({});
|
|
142
|
+
|
|
143
|
+
Object.keys(VCalendar).forEach((k) =>
|
|
144
|
+
|
|
145
|
+
Vue.component(`${defaults.componentPrefix}${k}`, VCalendar[k]),
|
|
146
|
+
|
|
147
|
+
);
|
|
148
|
+
|
|
149
|
+
|
|
150
|
+
|
|
151
|
+
Vue.config.productionTip = false;
|
|
152
|
+
|
|
153
|
+
|
|
154
|
+
|
|
155
|
+
new Vue({
|
|
156
|
+
|
|
157
|
+
router,
|
|
158
|
+
|
|
159
|
+
store,
|
|
160
|
+
|
|
161
|
+
render: (h) => h(App),
|
|
162
|
+
|
|
163
|
+
}).$mount('#app');
|
|
164
|
+
|
|
165
|
+
```
|
|
166
|
+
|
|
167
|
+
|
|
168
|
+
|
|
169
|
+
※import使った際のError出てても結局は動くっぽい…typeエラーとして出してるだけかも
|