Vue学习笔记之插值操作

1.mustache语法：mustache翻译过来就是胡子，而它的语法就是一对{{}}，像极了胡子。

	
	



	
{{message}}
	
	
{{firstName + lastName}}
	
{{count *6}}
	
{{firstName + ' ' + lastName}}
	
{{firstName}} {{lastName}}

2.v-onece指令：该指令后面不需要跟任何表达式，表示元素或组件只需要渲染一次，不会随着数据的改变而改变。

	
	



	
{{message}}
	
	
{{message}}

3.v-html指令：当后台给我们返回的数据是一个html字符串时，需要用到该指令。

4.v-text指令：类似于mustache语法，但它是有缺陷的，因为它会覆盖掉标签里面的内容，不建议使用。

	
	



	
{{message}},熊大
	
	
熊大

5.v-pre指令：当我们想展示mustache原本的内容时，可用该指令跳过Vue编译，很少用。

	
	



	
{{message}}
	
{{message}}

6.v-cloak指令：翻译过来是斗篷的意思，在某些情况下，比如网络延迟导致数据延迟获取，此时网页上就会展示未经Vue解析的mustache内容，此时我们就可以通过v-cloak指令处理。

	
	
	



	{{message}}