② vue模板语法

文本绑定

普通文本渲染{{ }}

静态的文本绑定

② vue模板语法_第1张图片

v-html

动态的文本绑定

 ② vue模板语法_第2张图片

 

 b-bind(:)

 动态的属性绑定,可简写(比如:v-bind:id   =   :id)

② vue模板语法_第3张图片

 ② vue模板语法_第4张图片

 列表渲染

v-for

要有一个唯一id    :key="item.id"(没有id就用index下标。:key="index",很少,基本没有。都有id)




 事件处理

v-on  (缩写@)





上面这个是调用函数,也可以传递参数

 ② vue模板语法_第5张图片

 表单输入绑定

v-model



修饰符

.lazy     

输入后点击回车后才会显示

.trim     

主动去掉空格

你可能感兴趣的:(vue复习一下,vue.js,前端,javascript)