Vue学习日记(二)v-bind v-model computed watch

知识点一 :v-bind动态绑定特性,缩写为:

可以使用:来绑定标题,标题的具体内容写在data中。

知识点二:v-model表单控件的双向绑定。

表单控件中是什么内容,那么它的内容会相应的显示到下边的那个div中。

hello world
{{content}}
	

知识点三 计算监听属性

实例中可以使用computed来计算属性的值,使用watch来监听属性的变化。

姓: 名:
{{fullName}}
{{count}}
new Vue({
			el:"#root",
			data:{
				firstName:'',
				lastName:'',
				count:0
			},
			computed: {
				fullName: function(){
					return this.firstName + ' ' + this.lastName
				}
			},
			watch: {
				fullName:function(){
					this.count++
				}
			}
			
		})



你可能感兴趣的:(vue)