vue.js学習用コードを見本の通りに書いても動かない

Question

学習用コードが動かず、見本を見に行ったのですがほぼほぼ同じ書き方でした。
どうして自分の書いたものが動かないのかどなたか教えてください。

見本
https://jsfiddle.net/kitak/L0pkqg7b/

自分の書いたやつ
https://jsfiddle.net/HiroyukiMukai/3eb7zp2s/150/

Comments

[maisumakun]

何を指して「動かない」と言っているのでしょうか？

[mather]

回答しましたが、同じく「動かない」だけでは質問として不十分です。
「見ればわかる」ではなく、「自分の期待したこと」「実際の動き」をきちんと整理してから質問に記載しましょう。

[hiroyuki_mukai]

たしかに、この質問文では何に困っているのかわかりづらかったと思います。
ご指摘ありがとうございます。以後気を付けます。

Answer 1

コンソールエラーが出ています。

Property or method "errorMesssageStyle" is not defined on the instance but referenced during render.

よーくスペルを見てみましょう。

<div :style="errorMesssageStyle">

Comments

[hiroyuki_mukai]

意図したとおりに動いてくれました。ありがとうございました。