vue中常用到的指令

? v-text:更新元素的textContent;例如:<span v-text="msg"></span> 等同于 <span>{{msg}}</span>;

? v-html:更新元素的innerHTML

? v-bind:响应并更新DOM特性;简写:: ;例如:v-bind:href v-bind:class v-bind:title v-bind:bb

? v-on:用于监听DOM事件;简写:@ ; 例如:v-on:click v-on:keyup

? v-for:循环指令;例如:<li v-for="(item,index) in todos"></li>

? v-if:条件渲染指令,动态在DOM内添加或删除DOM元素

? v-show:条件渲染指令,为DOM设置css的style属性

? v-model:数据双向绑定;用于表单输入等;例如:<input v-model="message">

? v-cloak:不需要表达式,这个指令保持在元素上直到关联实例结束编译;

原文地址:https://www.cnblogs.com/lin431/p/9636251.html

时间: 2024-08-30 06:11:01

vue中常用到的指令的相关文章

VUE中常用的几种import(模块、文件)引入方式

VUE中常用的几种import(模块.文件)引入方式:https://blog.csdn.net/weixin_38930535/article/details/80177445 1.引入js文件 在用的那一页,引入文件 相应的js文件里面,必须是暴露出来的 2.引入组件 3.引入外部组件 4.引入外部js插件 原文地址:https://www.cnblogs.com/bydzhangxiaowei/p/12237156.html

vue中常用的事件和修饰符简单总结

1:阻止冒泡事件 JS事件流其中一种是冒泡事件,当一个元素被触发一个事件时,该目标元素的事件会优先被执行,然后向外传播到每个祖先元素,恰如水里的一个泡泡似的,从产生就一直往上浮,到在水平面时,它才消失.在这个过程中,如果你只希望事件发生在目标元素,而不想它传播到祖先元素上去,那么你需要在"泡泡"离开对象之前刺破它. 在vue中怎么写? 2:阻止默认行为 在vue中怎么写? 3:键盘事件 获取键码?通过事件对象来获取 注意:keydown事件和keyup事件的区别? keydown是在键

angularjs中常用的ng指令介绍【转载】

原文:http://www.cnblogs.com/lvdabao/p/3379659.html 一.模板中可使用的东西及表达式 模板中可以使用的东西包括以下四种: 指令(directive).ng提供的或者自定义的标签和属性,用来增强HTML表现力. 标记(markup).即双大括号{{}},可将数据单向绑定到HTML中. 过滤器(filter).用来格式化输出数据. 表单控制.用来增强表单的验证功能. 其中,指令无疑是使用量最大的,ng内置了很多指令用来控制模板,如ng-repeat,ng-

Linux中常用的查询指令(which、whereis、find、locatae)

我们经常在linux要查找某个文件,但不知道放在哪里了,可以使用下面的一些命令来搜索: Which   查看可执行文件的位置. whereis 查看文件的位置. locate  配合数据库查看文件位置. Find    实际搜寻硬盘查询文件名称 which which命令的作用是,在PATH变量指定的路径中,搜索某个系统命令的位置,并且返回第一个搜索结果.也就是说,使用which 命令,就可以看到某个系统命令是否存在,以及执行的到底是哪个位置的命令. 1.命令格式: which 可执行文件名称

vue中的v-for循环指令使用

循环数组: 1:直接遍历数组中的数据 2:遍历索引和值 注意:value在前面,不要写反了,后面的参数才是对应的索引值. 遍历对象: 1:遍历值 2:遍历key和value 注意:和数组一样,前面是value,后面是key. 3:遍历value . key .index 注意:参数对应的值 原文地址:http://blog.51cto.com/11871779/2123406

Linux中常用的操作指令(随时更新)

CentOS 防火墙放开端口 #sudo /sbin/iptables -I INPUT -p tcp --dport 3690 -j ACCEPT //开启防火墙端口: #/etc/init.d/iptables save //保存修改 service iptables restart // 重启防火墙,修改生效

Vue最常用的组件通讯有三种:父-&gt;子组件通讯、子-&gt;父组件通讯,兄弟组件通讯.(template用的pug模板语法)

Vue最常用的组件通讯有三种:父->子组件通讯.子->父组件通讯,兄弟组件通讯.(template用的pug模板语法) 1.父->子组件通讯 父->子组件通讯,是通过props进行数据传递,并且具有这几个特性,单向传递,子组件接收的数据不可以更改,如果更改,会发出警告,每次父组件更新时,子组件的所有 prop 都会更新为最新值. 1 父组件 2 <template lang="pug"> 3 .father 4 Children(:name='msg

H5 localstorage本地缓存数据的封装以及在vue中的使用

vue中常用的 每次增加数据   要缓存                     每次删除数据也要缓存  storage.js 文件 然后某个页面需要本地存储,就需要用 import引入:import storage from './storage.js' App.vue页面: <template> <div id="app"> <input type="text" v-model='todo' @keydown="doAdd

vue中自定义指令

在vue中自定义标签,首先要调用vue中一个directive的方法,具体方法:Vue.direction('指令名称',function(){ }); 例如我们要写一个关于颜色的指令,叫v-colorred: 1 Vue.directive('colorred',function(){ 2 3 this.el.style.color='red'; 4 }); 在html中,我直接用v-colorred指令就可以了,例如: 1 <p v-colorred>1234567890</p>