回答編集履歴
6
Vueファイルでコンポーザブルを作った場合
test
CHANGED
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
|
|
18
18
|
となります。
|
|
19
19
|
|
|
20
|
-
上記エラーはどうもvueのscript setup記法のときにルートが見つからないときに起きる、setupプロパティを付与していないのに、
|
|
20
|
+
上記エラーはどうもvueのscript setup記法のときにルートが見つからないときに起きる、つまりsetupプロパティを付与していないのに、setup記法を使用したときに起きるエラーのようです。
|
|
21
21
|
[Script setup - Cannot read properties of undefined (reading '__vccOpts')](https://github.com/vuejs/core/issues/6543)
|
|
22
22
|
|
|
23
|
-
ちなみに、vueファイル
|
|
23
|
+
ちなみに、vueファイルでコンポーザブルを作った場合はテンプレートは必須になります（テンプレートなしのVueファイルはエラー）。
|
5
tsわかりやすく修正
test
CHANGED
|
@@ -1,15 +1,23 @@
|
|
|
1
|
-
コンポーザブルファイルをhoge.jsで記述する場合はスクリプトタグそのものが不要
|
|
1
|
+
コンポーザブルファイルをhoge.jsで記述する場合は、本来スクリプトタグそのものが不要、あるいは<script></script>とスクリプトタグを付与している場合、define component…というボイラープレートが必要な従来のcomposition APIの記法しか対応できません。Vue3.2以降でsetup記法を使うならば、コンポーザブルに対してもタグに命令が必要です。
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
コンポーザブルファイルをjs、かつsetup記法を利用したい場合は
|
|
4
|
-
```vue:test.
|
|
4
|
+
```vue:test.js
|
|
5
5
|
<script setup>
|
|
6
6
|
//コンポーザブルを書き込む
|
|
7
7
|
</script>
|
|
8
8
|
```
|
|
9
9
|
|
|
10
|
-
と、setup記法のプロパティ付与が必要です。
|
|
10
|
+
と、setup記法のプロパティ付与が必要です。tsならば
|
|
11
11
|
|
|
12
|
+
```vue:test.ts
|
|
13
|
+
<script setup lang="ts">
|
|
14
|
+
//コンポーザブルを書き込む
|
|
15
|
+
</script>
|
|
16
|
+
```
|
|
12
17
|
|
|
18
|
+
となります。
|
|
13
19
|
|
|
14
|
-
上記エラーはどうもvueのscript setup記法のときにルートが見つからないときに起きるエラーのようです。
|
|
20
|
+
上記エラーはどうもvueのscript setup記法のときにルートが見つからないときに起きる、setupプロパティを付与していないのに、つまりsetup記法を使用したときに起きるエラーのようです。
|
|
15
21
|
[Script setup - Cannot read properties of undefined (reading '__vccOpts')](https://github.com/vuejs/core/issues/6543)
|
|
22
|
+
|
|
23
|
+
ちなみに、vueファイルにした場合はテンプレートの付記も必要になります。
|
4
拡張子がvueとなっていました。
test
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
コンポーザブルファイルをhoge.jsで記述する場合はスクリプトタグそのものが不要です。対して質問例では拡張子がjsとなっていながらscript setup記法を使おうとしているのに<script>＜/script>と余分なスクリプトタグを付与しています。Vue3.2以降でsetup記法を使うならば、コンポーザブルに対してもタグに命令が必要で、省略した場合でcomposition APIを使用する場合は例のdefine component…というボイラープレートが必要です。
|
|
2
2
|
|
|
3
|
-
もし、コンポーザブルファイルを
|
|
3
|
+
もし、コンポーザブルファイルをjs、かつsetup記法を利用したい場合は
|
|
4
|
-
```vue:test.
|
|
4
|
+
```vue:test.ts
|
|
5
5
|
<script setup>
|
|
6
6
|
//コンポーザブルを書き込む
|
|
7
7
|
</script>
|
|
8
8
|
```
|
|
9
9
|
|
|
10
|
-
と、setupの付与が必要です。
|
|
10
|
+
と、setup記法のプロパティ付与が必要です。
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
3
誤字の修正
test
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
コンポーザブルファイルをhoge.jsで記述する場合はスクリプトタグそのものが不要です。対して質問例では拡張子がjsとなっていながらscript setup記法を使おうとしているのに<script>＜/script>と余分なスクリプトタグを付与しています。Vue3.2以降でsetup記法を使うならば、コンポーザブルに対してもタグに命令が必要で、省略した場合でcomposition APIを使用する場合は例のdefine component…というボイラープレートが必要です。
|
|
2
2
|
|
|
3
3
|
もし、コンポーザブルファイルをvue、かつsetup記法を利用したい場合は
|
|
4
|
-
```vue:test
|
|
4
|
+
```vue:test.vue
|
|
5
5
|
<script setup>
|
|
6
|
-
コンポーザ
|
|
6
|
+
//コンポーザブルを書き込む
|
|
7
7
|
</script>
|
|
8
8
|
```
|
|
9
9
|
|
2
jsファイルの場合
test
CHANGED
|
@@ -1,8 +1,15 @@
|
|
|
1
|
-
script setup記法を使おうとしているのに<script>＜/script>と
|
|
1
|
+
コンポーザブルファイルをhoge.jsで記述する場合はスクリプトタグそのものが不要です。対して質問例では拡張子がjsとなっていながらscript setup記法を使おうとしているのに<script>＜/script>と余分なスクリプトタグを付与しています。Vue3.2以降でsetup記法を使うならば、コンポーザブルに対してもタグに命令が必要で、省略した場合でcomposition APIを使用する場合は例のdefine component…というボイラープレートが必要です。
|
|
2
2
|
|
|
3
|
+
もし、コンポーザブルファイルをvue、かつsetup記法を利用したい場合は
|
|
3
|
-
```vue:test.vue
|
|
4
|
+
```vue:test-composable.vue
|
|
4
|
-
<script setup>
|
|
5
|
+
<script setup>
|
|
6
|
+
コンポーザーブルを書き込む
|
|
7
|
+
</script>
|
|
5
8
|
```
|
|
9
|
+
|
|
10
|
+
と、setupの付与が必要です。
|
|
11
|
+
|
|
12
|
+
|
|
6
13
|
|
|
7
14
|
上記エラーはどうもvueのscript setup記法のときにルートが見つからないときに起きるエラーのようです。
|
|
8
15
|
[Script setup - Cannot read properties of undefined (reading '__vccOpts')](https://github.com/vuejs/core/issues/6543)
|
1
省略するとsetup記法はできない
test
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
script setup記法を使おうとしているのに<script>＜/script>という状態からコンポーザブルを使用しようとしているからです。Vue3.2以降でsetup記法を使うならば、コンポーザブルに対してもタグに命令が必要です
|
|
1
|
+
script setup記法を使おうとしているのに<script>＜/script>という状態からコンポーザブルを使用しようとしているからです。Vue3.2以降でsetup記法を使うならば、コンポーザブルに対してもタグに命令が必要で、省略した場合でcomposition APIを使用する場合は例のdefine component…というボイラープレートが必要です。
|
|
2
|
+
|
|
3
|
+
```vue:test.vue
|
|
2
4
|
<script setup></script>
|
|
5
|
+
```
|
|
3
6
|
|
|
4
7
|
上記エラーはどうもvueのscript setup記法のときにルートが見つからないときに起きるエラーのようです。
|
|
5
8
|
[Script setup - Cannot read properties of undefined (reading '__vccOpts')](https://github.com/vuejs/core/issues/6543)
|