今回は、vue.js で v-model 命令を使用して双方向のデータ バインディングを実現する方法を説明します。注意事項は何ですか?実際のケースを見てみましょう。 vue.js の主な機能は、データの双方向バインディングを実現することです。この記事では、フォーム処理中に双方向バインディングを実現するための v-model 命令の使用方法を紹介します。 v-model 命令は、 、、 で使用されます。これらのフォーム要素では、いわゆる双方向バインディングは、js の vue インスタンスのデータが、レンダリングされた dom 要素のコンテンツと一致することを意味します。使用する相手が変わっても、相手も同じデータに応じて更新されます。これは、propertyアクセサーを設定することで実現されます。例: app.html vuejs v-model 数据双向绑定 [v-cloak] { display: none } 姓名: 性别: 男 女 阅读 游泳 游戏 唱歌 身份: 教师 医生 律师 data: {{$data | json 2}} $(function() { new Vue({ el: '#app', data: { data:{ name:'', sex:'', interest:[], identity:'' } } }) }) ログイン後にコピー この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。 推奨読書: vue入力ボックスでファジークエリを実装する方法 nodejs Expressを使用して自己署名httpsサーバーを構成する方法