1.v-bind用来绑定数据和属性表达式可以简写为 ":"
2.v-model使用在表单中,实现双向数据绑定不能在表单以外使用
1v-model
v-model多在表单中使用,在表单元素中创建双向绑定根据控件类型可以绑定:'text','radio','checkbox','selscted'
绑定text
<input type='text' v-model='item/'>
<p>{{item}}</p>
绑定radio
<input type='radio' value='one' v-model='item/'>
<input type='radio' value='two' v-model='item/'>
<label for v-model='item'/>
//item的值会随着选择单选框的值,变为one或者two
绑定text
单个勾选框,最终逻辑值为true(默认勾选)和false(默认不勾选)
<input type="checkbox" v-model="item"/>
<label for="checkbox">{{item}}</label>
等等
v-bind
绑定文本
可使用v-bind或者{{}}
<P v-bind='item'></p>
<p>{{item}}</p>
绑定属性
<p :src="http://www.....">
<p :clas="http://www.....">
<p :style="http://www.....">
绑定属性
{{ number + 1 }} {{ ok ? 'YES' : 'NO' }}
{{ message.split('').reverse().join('') }}
