エラーは出ないけど…何か変？？Vue.jsでやりがちな「サイレント・ミス」（ロジック編） - ICS MEDIA

Vue.jsは初学者にもとても手厚いサポートを提供してくれるフレームワークです。 たとえば、以下のコードで「リセット」ボタンを押すと「propsのcountは子コンポーネントから変更すべきではない」とわかりやすくエラーを表示してくれます。 <template> <div class="CountViewComponent"> カウント={{count}} <button @click="reset">リセット</button> </div> </template> <script> export default { props: { // 表示するカウント値 count: { type: Number, default: 3 } }, methods: { // カウントをリセットします reset() { this.count = 0 } } } </script> それでも時として、

[tk_musik]

Vueは変数のsetterをhuckしている、ということを意識しておくと頭の中で仮想処理を動かしやすいと思います。

[yamuchagold]

全く関係ないけど、Vue.jsのロゴを見るたびに、新V・ロート目薬を思い出す。

[KoshianX]

ふむ、勉強になる

[hylom]

こういうロジックを書くという発想がなかったので勉強になった。computedとmethodの使い分けは確かに難しいかも

[masayoshinym]

"「エラーじゃないから…」はNG。"なんかすいませんって気持ちになった。

[uss267]

分かると知らなかったが両方あった。ありがたい。

[ducktoon]

“最初の実行で早期returnしてしまうと、Vue.jsはこのcomputedがthis.blockCountに依存していることを知ることができません”こういうのを公式ドキュメントに書いといて欲しいな。ハマってハマってやっと知る感じだから。

[rryu]

雰囲気で書くとはまるやつだ。

[mayumayu_nimolove]

こういうのをよろしくやってくれるプラグインが出たらやばいな

[enemyoffreedom]

Vue.jsにもちょくちょく手を出さないと

[monomoti]

どれも、あるあるだ。イベントハンドリング以外でテンプレートに関数を入れたいことがあるけど(クラスやスタイルとか)、それはwatchでやれということか。

[mitsuok-33]

むずかしい…しかしミスでは無く、クオリティーアップ手法だと言いたい（言ってほしい）

[Helfard]

勉強になる。あとで自分の書いたものを見直そう。

[king-zessan]

確かにやってしまうことがある。

[hamichamp]

よくやる

[Fushihara]

これは素晴らしいな。なんか動かない？系は網羅できてるんじゃないか

[simochee]

すごく勉強になる…