示例
age 数据单向绑定
name 数据双向绑定
<template> <div> <h3>单向绑定数据</h3> <p>age: {{ age }}</p> <p>age: <input type="text" :value="age"></p> <h3>双向绑定数据</h3> <p>name: {{name}}</p> <p>name: <input type="text" :value="name" @input="name=$event.target.value"></p> </div> </template> <script> export default { data(){ return { age: 23, name: "王小二" } } } </script>
1、数据name单向传递给input; 2、input触发事件后将name的值进行了修改