【JS-task12】vue有哪些常用指令?
分享人:冯亚超
目录
1.背景介绍
2.知识剖析
3.常见问题
4.解决方案
5.编码实战
6.扩展思考
7.参考文献
8.更多讨论
Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是, Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。 另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
v-if 条件渲染指令,根据其后表达式的bool值进行判断是否渲染该元素;
v-show 与v-if类似,只是会渲染其身后表达式为false的元素,而且会给这样的元素添加css代码:style="display:none";
v-else 必须跟在v-if/v-show指令之后,不然不起作用;如果v-if/v-show指令的表达式为true,则else元素不显示;如果v-if/v-show指令的表达式为false,则else元素显示
v-for 类似JS的遍历,用法为 v-for="item in items", items是数组,item为数组中的数组元素。
v-bind 这个指令用于响应地更新 HTML 特性,比如绑定某个class元素或元素的style样式。
v-on 用于监听指定元素的DOM事件,比如点击事件。
v-if根据bool值判断显示或不显示元素
v-show根据bool值判断显示或隐藏元素
语法:
return[()[expression][]];
可选项 expression 参数是要从函数返回的值。如果省略,则该函数不返回值。
用 return 语句来终止一个函数的执行,并返回 expression 的值。如果 expression 被省略,
或在函数内没有 return 语句被执行,则把值 undefined 赋给调用当前函数的表达式。