VUE 2.x学习笔记

1. 数据绑定v-bind: 

v-bind既可以绑定html原生的特性,也可以绑定自定义的特性

//自定义的html特性
<todo-item v-bind:content="item" 
    v-bind:index="index" 
	v-for="(item, index) in list"
	@delete="handleItemDelete">
</todo-item>

//原生的html特性
<span v-bind:title="message">
    鼠标悬停几秒钟查看此处动态绑定的提示信息!
</span>

2. v-bind和v-model的区别

v-bind是动态地绑定一个或多个特性,或一个组件 prop 到表达式。

v-model是在表单控件或者组件上创建双向绑定。只<input>、<select>、<textarea>、components上使用

猜你喜欢

转载自blog.csdn.net/let4897/article/details/82853421