vue一些常用指令的作用详解

mvvm:

mvc(m=module模型.  v=view视图  c=contorller控制器  )

vm视图与数据之间的传递;

vue特性:

双向数据绑定、单向数据流、单页面应用

v-model:数据绑定;

data:返回对象用return;

v-for:循环; 格式:v-for=字段名 in(of)数组json"

v-show: 显示隐藏 传递值为布尔值 true false默认false;

v-if:显示与隐藏;(v-show对比区别就是是否删除dom节点,默认是false)

v-else-if:必须和v-if连用,不能单独使用否则报错,模版编译错误;

v-bind:动态绑定;作用:及时对页面的数据进行更改;

v-on:绑定事件,函数必须写在methods里面;(@click快捷写法)

v-text:解析文本;

v-bind:class

三种绑定方法:

1、对象型:{red: isred};

2、三目型;

3、数组型;

v-once:进入页面时,只渲染一次,不再进行渲染;

v-cloak:防止闪烁;

v-pre:把标签内部的元素原位输出;

 

 

 

最新回复(0)
/jishu_2FzRnK3x3340nJm07jprdrUO7DfZnRRayVtnMecp2Mn4_3D8