学习HTML的第十天

认识Vue

Vue就是一个js库,这个库中提供了一个Vue的类，通过这个类的对象可以和html中的标签进行绑定。

1.Vue对象

new Vue({
	el:需要绑定的标签的id选择器,
	data:为被绑定的标签提供各种数据,
	methods:对象，通过方法来提供功能，
	computed:对象，通过提供方法来提供数据,
})

2.指令

{{Vue属性}} - 标签内容
v-bind:标签属性名 = “Vue属性”
v-for=‘变量 in Vue对象提供的序列’
v-if=“Vue属性”
v-on:事件属性=‘Vue方法名’ （@事件属性名=‘Vue方法名’）- 事件绑定
v-model = ‘Vue属性’ - 双向绑定
只有表单相关标签中的一部分标签才能进行双向绑定：
输入框相关标签、单选按钮、复选按钮、文件选择、颜色选择、图片选择、日期选择、下拉文本、多行文本域。