vue有哪些常用指令

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和v-show的区别?

v-if根据bool值判断显示或不显示元素

v-show根据bool值判断显示或隐藏元素

参考文献

Vue.js常用指令汇总

vue.js - v-bind 的一些理解和思考

猜你喜欢

转载自blog.csdn.net/f056917/article/details/81274748