Jan 16, 2018 このブログはこちらの翻訳ブログです。 先日 Vue devtools の大きなアップデートがリリースされました。 新機能と改善点を掘り下げてみましょう!🎄 コンポーネントデータが編集可能にコンポーネントのデータを直接コンポーネントインスペクター枠内で変更できるようになりました。 コンポーネントを選択します インスペクターの data セクションでフィールドにマウスを置きます 鉛筆アイコンをクリックします 完了アイコンのクリックまたは Enter キーの押下で変更を確定します。 Escape キーの押下で編集をキャンセルできます フィールドの内容はシリアライズされた JSON 値です。例えば、文字列を入力したいならダブルクオート付きで "hello" と入力します。配列は [1, 2, "bar"] のように、オブジェクトは { "a": 1, "b": "foo
![Vue Devtools 4.0 の新機能 — Vue.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/7863be67ba36b26acd40294836d2e96e64243370/height=288;version=1;width=512/https%3A%2F%2Fjp.vuejs.org%2Fimages%2Flogo.png)