初始vue、常用指令、{{ }}插值语法

一、初始vue

​
	{{msg}}
	{{name}}
	{{age.myage}}

二、常用指令 1.    v-bind绑定属性   v-bind可省略   简写成:title='msg'    单向数据绑定

​
    
	
		鼠标悬停提示
	

2.   v-if 控制元素消失出现

​
	
学生

3.   v-for指令循环列表   for in

​
	
		{{item}}
		

4.    v-on 监听事件的变化    简写@click

​
	{{num}}
	
    增加		

5.  v-modle 实现双向数据绑定  只用于表单类元素  v-modle：value可简写为v-modle

​
	{{msg}}
			

6.  v-html   可识别html标签

​
	
{{url}}
			

7.  v-text    覆盖dom元素中的数据

​
	
你也好
	
你也好
		

8.  v-once该dom元素只渲染一次 不被改变

​
	{{msg}}	

9.   v-pre 打印字符串{{msg}}

​
	{{msg}}	

10.   v-cloak 隐藏刷新时出现的{{msg}}

​
	{{msg}}	

三、{{ }}插值语法 {{ }}不仅可以直接写变量，还可以写简单表达式。

​
	{{firetname+lastname}}
	{{firetname+'-'+lastname}}
	{{firetname}}{{lastname}}
	{{count*3}}