質問編集履歴
2
表現を修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
ボタンを押すとある関数が発火し、現在その中で変数`search`の真偽値を反転させて、それにより`v-bind`・`v-show`で表示を切り替えています。
|
|
14
14
|
|
|
15
|
-
しかしそのために態々変数を用意したり、切り替え用の`class`を新しく作ったり、テンプレート側に色々と記述しなくてもその関数の中で`document.querySelector(element)～`を使い値を直接操作してしまえば済む話で、更に処理も一箇所に纏められます。
|
|
15
|
+
しかし今回はそもそも切り替える内容が少ないので、そのために態々変数を用意したり、切り替え用の`class`を新しく作ったり、テンプレート側に色々と記述しなくてもその関数の中で`document.querySelector(element)～`を使い値を直接操作してしまえば済む話で、更に処理も一箇所に纏められます。
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
1
文章を分かりやすく修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,11 +12,11 @@
|
|
|
12
12
|
|
|
13
13
|
ボタンを押すとある関数が発火し、現在その中で変数`search`の真偽値を反転させて、それにより`v-bind`・`v-show`で表示を切り替えています。
|
|
14
14
|
|
|
15
|
-
しかしそのために態々変数を用意したり、切り替え用の`class`を新しく作ったり、テンプレート側に色々と記述しなくてもその関数の中で`document.querySelector(element)～`を使い値を直接操作してしまえば済む話でも
|
|
15
|
+
しかしそのために態々変数を用意したり、切り替え用の`class`を新しく作ったり、テンプレート側に色々と記述しなくてもその関数の中で`document.querySelector(element)～`を使い値を直接操作してしまえば済む話で、更に処理も一箇所に纏められます。
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
19
|
-
私としましては、折角Vue.jsを使っている事ですし、テンプレート側に`v-bind`等を使って書けばその時点で誰が見ても処理の流れが分かるので明示的なのではないかと思う反面、`html`・`css`・`JavaScript`全てに新しい記述をしなくてはならないのは各所にコードが増えてしまい微妙ではないか、とも思っています。
|
|
19
|
+
私としましては、折角Vue.jsを使っている事ですし、テンプレート側に`v-bind`等を使って書けばその時点で誰が見ても処理の流れが分かるので明示的なのではないかと思う反面、前述の通り`html`・`css`・`JavaScript`全てに新しい記述をしなくてはならないのは各所にコードが増えてしまい微妙ではないか、とも思っています。
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|