vue的常用指令
来源:互联网 发布:生物制药就业前景知乎 编辑:程序博客网 时间:2024/06/15 22:20
vue指令
下面将介绍Vue中常用的几个内置指令。当然,Vue除了内置指令,也可以根据需求自定义指令。
v-if指令
条件判断指令,根据表达式值的真假来插入或删除元素,表达式返回一个布尔值,语法如下:
v-if = "expression"
v-show指令
条件渲染指令,与v-if不同的是,无论v-show的值为true或false,元素都会存在于HTML代码中;而只有当v-if的值为true,元素才会存在于HTML代码中。v-show指令只是设置了元素CSS的style值。语法如下:
v-show = "expression"
注意:v-if和v-show经常拿来对比
v-else指令
可配合v-if或v-show使用,v-else指令必须紧邻v-if或v-show,否则该命令无法正常工作。v-else绑定的元素能否渲染在HTML中,取决于前面使用的是v-if还是v-show。若前面使用的是v-if,且v-if值为true,则v-else元素不会渲染;若前面使用的是v-show,且v-show值为true,则v-else元素仍会渲染到HTML。
v-else不常用
v-for指令
循环指令,基于一个数组渲染一个列表,与JavaScript遍历类似,语法如下:
v-for = "item in items"
v-bind指令
给DOM绑定元素属性,语法如下:
v-bind:argument="expression"
v-on指令
用于监听DOM事件,语法与v-bind类似,如监听点击事件v-on:click=”doSth”。
注:v-on指令可以缩写为@符号。如:@click=”doSth”。
v-model指令
vue的v-model是一个十分强大的指令,它可以自动让原生表单组件的值自动和你选择的值绑定,
输入框的值和一个数据是绑定的,输入框的值变化,和他绑定的值也会发生变化
参考:Vue.js常用指令汇总(v-if、v-for等):http://www.jb51.net/article/96422.htm
http://blog.csdn.net/yangbingbinga/article/details/61914312
- vue的常用指令
- Vue.js的常用指令-vue.js
- vue.js的常用指令
- vue指令的定义及常用指令
- 【Vue.js】- Vue.js常用指令的使用
- 02.vue常用指令
- vue常用内置指令
- vue常用指令
- Vue.js常用指令
- Vue常用指令_V-model
- Vue常用指令v-for
- Vue的简单指令
- vue.js(2.0)常用指令总结以及一些指令的坑!
- Vue常用指令v-on:click
- vue---vue中常用指令,以及如何自定义指令vue.directive进行节点操作?
- vue的指令实例属性
- Vue自定义指令的使用
- 使用vue做前端开发时涉及到npm的一些常用指令
- 算法设计与分析笔记之(8):NP问题
- leetcode array
- 查找单链表中倒数第k个元素
- linux命令之grep的-o选项
- Java加密解密之消息摘要
- vue的常用指令
- toString的用法
- 虚函数实现原理
- Css学习总结(5)——CSS常见布局方式
- Mongoose中间件入门示例
- PHP利用openoffice实现文档装换
- 035 导数 微分对应表
- 第一天
- 带记事功能的日历插件fullCalendar