每天早上照常背面试题,到八点每个人都提问,上午给我们说了vue修饰符.native,我自己也总结了其他的修饰符
.lazy <input type="text" v-model.lazy="value">
输入框改变,这个数据就会改变,lazy这个修饰符会在光标离开input框才会更新数据
.trim <input type="text" v-model.trim="value">
过滤首尾的空格
.number <input type="text" v-model.number="value">
限制输入只能是数字
.stop <div @click.stop='btn'></div>
阻止事件冒泡 原生:event.stopPropagation()
.prevent <div @click.prevent='btn'></div>
阻止默认行为,比如a标签跳转,表单的提交,原生:event.preventDefault()
.self <div @click.self="btn"></div>
只有元素本身触发时才触发方法,就是只有点击元素本身才会触发,可以阻止事件冒泡
.once <div @click.once="btn"></div>
只能用一次,无论点击几次,执行一次之后都不会再执行.
.capture
事件的完整机制是捕获-目标-冒泡,事件触发是目标往外冒泡,跟事件冒泡的方向是相反的
.native
组件绑定当前组件的事件是不会触发的,需要用native才能触发
当然还有一些其他的,不常用
之后讲了Vue.nextTick
在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。
vue中不用操作DOM,但有时候会用到,比如我们改变DOM样式还有第三方组件等等
带着我们复习了一下react语法JSX,自己对于react也是想起来了一点,但长时间没用了,所以这种语法也是想不起来了,最后也是讲了vue的过滤器和自定义指令
vue.filter :格式化文本输出,分为全局和局部的
filters 局部
我自己在做项目的时候也是用到了,返回的数据时间是一串数字,用的就是filter过虑了一下
filters: {
time: function time (value) {
var d = new Date(parseInt(value) * 1000)
return (d.getFullYear()) + '.' + (d.getMonth() + 1 > 9 ? d.getMonth() + 1 : '0' +
(d.getMonth() + 1)) + '.' + (d.getDate() > 9 ? d.getDate() : '0' + d.getDate())
}},
自定义指令拖拽也是写入到了博客中 blog.csdn.net/dgq27397100…