有时候指令太多会造成记错、记混的问题所以本文在记忆的时候会采用穿插记忆的方式,交叉比对不易出错。
本文主要讲了一下六个指令:
1. v-if 条件渲染指令根据其后表达式的bool值进行判断是否渲染该元素;
所以,v-if指令只渲染他身后表达式为true的元素;在这里引入v-show指令因为二者的区别是v-show指令会渲染他身后表达式为false的元素,这样的元素上会添加css代码:style="display:none"; 将上面v-if的实例代码改为v-show页面渲染效果为:
eg,分页功能中当前页数高亮的效果,可以使用bind指令
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。