質問編集履歴
4
コード修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -120,4 +120,6 @@
|
|
120
120
|
|
121
121
|
</html>
|
122
122
|
|
123
|
+
|
124
|
+
|
123
125
|
```
|
3
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -81,3 +81,43 @@
|
|
81
81
|
こちらは、何故このような問題が発生しているのでしょうか。
|
82
82
|
|
83
83
|
ご助言頂けましたら幸いです
|
84
|
+
|
85
|
+
|
86
|
+
|
87
|
+
**追記です**
|
88
|
+
|
89
|
+
htmlを以下のように修正したらHelloという文字は出力されましたが、cssは依然適用されないままです。
|
90
|
+
|
91
|
+
```
|
92
|
+
|
93
|
+
<!DOCTYPE html>
|
94
|
+
|
95
|
+
<html lang="ja">
|
96
|
+
|
97
|
+
<head>
|
98
|
+
|
99
|
+
<meta charset="UTF-8">
|
100
|
+
|
101
|
+
<title>My Vue App</title>
|
102
|
+
|
103
|
+
<link rel="stylesheet" href="css/styles.css">
|
104
|
+
|
105
|
+
</head>
|
106
|
+
|
107
|
+
<body>
|
108
|
+
|
109
|
+
<div id="app"></div>
|
110
|
+
|
111
|
+
<h1 :class="{ red:isActive,'bg-color':!isActive">Hello</h1>
|
112
|
+
|
113
|
+
</div>
|
114
|
+
|
115
|
+
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
116
|
+
|
117
|
+
<script src="js/main.js"></script>
|
118
|
+
|
119
|
+
</body>
|
120
|
+
|
121
|
+
</html>
|
122
|
+
|
123
|
+
```
|
2
文法修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -22,25 +22,21 @@
|
|
22
22
|
|
23
23
|
<body>
|
24
24
|
|
25
|
-
|
26
|
-
|
27
25
|
<div id="app">
|
28
26
|
|
29
|
-
<h1 :class="{ red:
|
27
|
+
<h1 :class="{ red:isActive,'bg-color':!isActive"> Hello</h1>
|
30
28
|
|
31
29
|
</div>
|
30
|
+
|
31
|
+
|
32
32
|
|
33
33
|
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
34
34
|
|
35
35
|
<script src="js/main.js"></script>
|
36
36
|
|
37
|
-
|
38
|
-
|
39
37
|
</body>
|
40
38
|
|
41
39
|
</html>
|
42
|
-
|
43
|
-
|
44
40
|
|
45
41
|
```
|
46
42
|
|
@@ -68,15 +64,13 @@
|
|
68
64
|
|
69
65
|
new Vue({
|
70
66
|
|
71
|
-
|
67
|
+
el:'#app',
|
72
68
|
|
73
|
-
|
69
|
+
data:{
|
74
70
|
|
75
|
-
|
71
|
+
isActive:true
|
76
72
|
|
77
|
-
|
73
|
+
},
|
78
|
-
|
79
|
-
|
80
74
|
|
81
75
|
})
|
82
76
|
|
1
文法修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -86,4 +86,4 @@
|
|
86
86
|
|
87
87
|
こちらは、何故このような問題が発生しているのでしょうか。
|
88
88
|
|
89
|
-
ご助言頂けましたら
|
89
|
+
ご助言頂けましたら幸いです
|