首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

vuejs-指令详解

example-2', data: { greeting: true } }) v-show v-show指令是根据表达式的来显示或者隐藏...一般来说,v-if更高的切换消耗,而v-show更高的初始渲染消耗。因此,如果需要频繁的切换,使用v-show较好;如果在运行时条件不大可能改变,使用v-if较好。...1.number 如果想要用户的输入自动转换为Number类型(如果原值的转换结果为NAN,返回原值),则可以添加一个number特性。...2.lazy 在默认情况下,v-model在input事件中同步输入框的与数据,我们可以添加一个lazy特性,从而将数据改到在change事件中发生。...如果每次更新都要进行高耗操作(例如,在input中输入内容时要随时发送ajax请求),那么它较为有用。

2.9K10

vue白话文,因为vue很重要

注意:学javascript时,很多时候都是操作DOM的模式,而vue更多是操作数据的双向绑定。 2、Vue实例、挂载点、模板之间的关系 挂载点:需要操作的元素。...指令的作用是当表达式的发生变化时,将这个变化也反映到DOM上: 当show为true时,展示“我是标题”的文字。否则就不展示。 指令许多种,详细的可以看官方文档。比如还带参数。修饰符。缩写等。...负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理 ? 效果: ? 如果你在输入框后加上333,那div的内容也会自动变化。 如图:这就是双向数据绑定! ?...效果: 未输入数字时:如图 ? 当你输入时:如图 ? 优点: computed 计算属性,它的性能是比较高的,只有当他依赖的属性发生变化时,它才会重新请求计算,否则使用上一次的缓存。...第二种情况,隐藏时候 ? ? 以上代码,我将data的showOrhide的ture改为false来控制隐藏,可是,我们看dom结构,通过v-if的那个div已经在dom中移除了。

1.6K30

事件基础及操作元素

事件概述 JavaScript 使我们能力创建动态页面,而事件是可以被 JavaScript 侦测到的行为。 简单理解: 触发--- 响应机制。...       div.innerHTML = '今天是: 2019';        // 这两个属性是可读写的 可以获取元素里面的内容        var...的如果是0就切换为文本框,flag 设置(赋值)为1,如 果是1就切换为密码框,flag设置为0 实现代码:        请输入6~16位密码                // 首先判断的事件是表单失去焦点 onblur        // 如果输入正确提示正确的信息颜色为绿色小图标变化...       // 如果输入不是6到16位,提示错误信息颜色为红色 小图标变化        // 因为里面变化样式较多,我们采取className修改样式        // 1.获取元素

1.4K20

「jQuery」基础 - 01

: // 2.1 jQuery对象[索引] var domObject1 = $('div')[0] // 2.2 jQuery对象.get(索引) var domObject2 = $(...层级选择器 层级选择器最常用的两个分别为:后代选择器和子代选择器。...参数是属性名,属性,逗号分隔,是设置一组样式,属性必须加引号,如果是数字可以不用跟单位和引号 $(this).css('color', 'red'); // 3....显示隐藏 显示隐藏动画,常见三个方法:show() / hide() / toggle() ;语法规范如下: show hide toggle 代码演示 <button...over:鼠标移到元素上要触发的函数(相当于mouseenter) out:鼠标移出元素要触发的函数(相当于mouseleave) 如果只写一个函数,鼠标经过和离开都会触发它 hover事件和停止动画排列案例

6.9K21
领券