Vue——数据的双向绑定(v-model)，循环渲染(v-for)

双向数据绑定：表单控件里 (input\texteare\select...)              

1.单选框的双向数据绑定

 v-model一定要在data里 
  v-model绑定的变量无论是对象还是数组都是绑定的value值 

			
			
				
				
				
				yy语音
				腾讯
				{{radiotext}}
			

 2.复选框的双向数据绑定

多选框绑定的data是对象时，v-model绑定的属性时checked
多选框绑定的data是数组时，v-model绑定的属性时value值

			
				
				
				橘子
				
				苹果
				{{check}}
                
			

3.自己实现双向数据绑定

4.循环渲染(v-for)的使用

			

				{{el.name}}会的运动有:
                {{a.yy}},他{{el.age}}岁
			

v-if的优先级小于v-for(Vue2.0) 
v-if的优先级大于v-for(Vue3.0)

key的意义(面试)

简答:因为vue在刷新页面组件时,会把旧节点跟新vm节点做比较,如果要增加节点,并不会删除旧节点,而是复用 这样会导致节点跟数据没有绑定关系而重新渲染,用key可以将数据与节点绑定起来

			

				{{el.name}}
			
			点击查看更多