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:把标签内部的元素原位输出;

发布了54 篇原创文章 · 获赞 4 · 访问量 6942

猜你喜欢

转载自blog.csdn.net/Geezer_007/article/details/105673270
今日推荐