二、vue基础语法

一、模板语法

1、文本渲染

使用双花括号语法插入文本






在这里插入图片描述

2、渲染标签






在这里插入图片描述

3、属性






在这里插入图片描述

5、模板语法支持表达式







在这里插入图片描述

二、条件渲染

1、条件渲染(为假时不渲染)






在这里插入图片描述

2、条件展示(渲染不显示)






在这里插入图片描述

3、区别

v-if 切换时会有较高的渲染开销
v-show 有较好的性能

三、列表渲染

1、列表渲染






在这里插入图片描述

2、维护状态






数据更新,已经渲染数据不变,仅添加新数据。给数据添加索引,方便重用原有数据,保持数据顺序。

四、事件处理

1、事件监听






在这里插入图片描述

2、事件处理方法






在这里插入图片描述
二、vue基础语法_第1张图片

3、内联处理器中的方法(事件传递参数)






二、vue基础语法_第2张图片

五、表单输入绑定

1、表单输入绑定






在这里插入图片描述

2、修饰符






在这里插入图片描述

你可能感兴趣的:(vue,前端)