vue学习01--v-bind:title/v-if/v-for

[以下代码/截图均默认已引用vue.js]

1、数据和 DOM 关联

		

			{{mess}}
			


			
				鼠标悬停几秒钟查看此处动态绑定的提示信息！
			
		
		

		

2、v-bind称之为指令

指令带有前缀 v-，表示是由 Vue提供的专用属性。

3、条件与循环（v-if，v-for）

v-if

 

v-for

	

		

			{{site.name}}
		
	
	

		

			{{value}}的key值是{{key}},下标是{{i}}
		
	
			

4、关于v-for：

第3点中已有一个例子。而它还有其他写法，如把 v-for="item in items" 改写为 v-for="item of items"

  而对于一个对象的v-for：

  也可以用 v-for 通过一个对象的属性来迭代。

	

		{{ value }}