質問編集履歴
5
解決コードの記述位置を間違えたので修正します。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -77,14 +77,4 @@
|
|
|
77
77
|
"eslint-loader": "^2.1.1",
|
|
78
78
|
"eslint-plugin-vue": "^4.0.0"
|
|
79
79
|
}
|
|
80
|
-
```
|
|
81
|
-
|
|
82
|
-
### 自己解決しました
|
|
83
|
-
|
|
84
|
-
`nuxt.config.js`に@nuxtjs/composition-apiを追加しました。
|
|
85
|
-
|
|
86
|
-
```json
|
|
87
|
-
modules: [
|
|
88
|
-
'@nuxtjs/composition-api',
|
|
89
|
-
],
|
|
90
80
|
```
|
4
解決しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -77,4 +77,14 @@
|
|
|
77
77
|
"eslint-loader": "^2.1.1",
|
|
78
78
|
"eslint-plugin-vue": "^4.0.0"
|
|
79
79
|
}
|
|
80
|
+
```
|
|
81
|
+
|
|
82
|
+
### 自己解決しました
|
|
83
|
+
|
|
84
|
+
`nuxt.config.js`に@nuxtjs/composition-apiを追加しました。
|
|
85
|
+
|
|
86
|
+
```json
|
|
87
|
+
modules: [
|
|
88
|
+
'@nuxtjs/composition-api',
|
|
89
|
+
],
|
|
80
90
|
```
|
3
試したことのリストを追加しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -49,7 +49,9 @@
|
|
|
49
49
|
・$storeのstateは表示できている。
|
|
50
50
|
・ボタンの外にcommitを書いたら描画後に実行された。
|
|
51
51
|
・reactiveにcomputedを使用したが反応しないので戻した。
|
|
52
|
-
・mapStateや
|
|
52
|
+
・mapStateやmapMutationsも試したが反応しないというか正しい記述かわからないので戻した。
|
|
53
|
+
・commitにtype型としてmutationsのメソッドを指定しても反応しなかった。
|
|
54
|
+
・button要素をa要素に変更しても反応しなかった。
|
|
53
55
|
|
|
54
56
|
初心者で申し訳ないですが何が足りないのかわからないので教えて下さい。
|
|
55
57
|
よろしくお願いします。
|
2
commitの引数をタイプ型を使ってincrementメソッドを指定しても機能しなかった
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -27,6 +27,7 @@
|
|
|
27
27
|
<p>{{ $store.state.message }}</p> // State messageが表示される
|
|
28
28
|
<p>{{ $store.commit('increment', {num: 1}) }}</p> // 意味ないが最初に1加算される
|
|
29
29
|
<button @click="$store.commit('increment', {num: 1})"> // 押しても加算されない
|
|
30
|
+
<!-- <button @click="$store.commit({type: 'increment', num: 1})"> -->// type型に置き換えても加算されない
|
|
30
31
|
カウント:{{ $store.state.count }} // 2が表示される
|
|
31
32
|
</button>
|
|
32
33
|
</div>
|
1
ソースコードのファイル名が間違ってたので修正しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
### 該当のソースコード
|
|
7
7
|
|
|
8
8
|
```javascript
|
|
9
|
+
// store/index.js
|
|
9
10
|
import Vuex from 'vuex'
|
|
10
11
|
export const state = () => ({
|
|
11
12
|
message: 'State message',
|
|
@@ -19,7 +20,7 @@
|
|
|
19
20
|
```
|
|
20
21
|
|
|
21
22
|
```htmlmixed
|
|
22
|
-
//
|
|
23
|
+
// pages/index.vue
|
|
23
24
|
<template>
|
|
24
25
|
<div>
|
|
25
26
|
<h1>{{title}}</h1> // Welcome to Nuxt.js Appが表示される
|