V-MODEL 是VUE 的一個指令，在input 控件上使用時，可以實現雙向綁定。
通過看文檔，發現他不過是一個語法糖。
實際是通過下面的代碼來實現的：
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="vue/vue.js"></script></head><body> <div id="app-6"> <input :value="person.name" @input="person.name = $event.target.value"> <input :value="person.age" @input="person.age =$event.target.value"> {{person}} </div> <script type="text/javascript"> var app =new Vue({ el: '#app-6', data:{ person:{name:"ray",age:19} } }) </script></body></html>通過綁定綁定INPUT事件來更新對應對象的值。
本文已被整理到了《Vue.js前端組件學習教程》，歡迎大家學習閱讀。
關于vue.js組件的教程，請大家點擊專題vue.js組件學習教程進行學習。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
