赞赏作者
扫一扫支付
韶华小苑 |

时光不负终不老

您现在的位置是: 首页 >

vue笔记

vue笔记

作者:小美女 日期:2020-09-15 点击:6

var const定义常量 let定义变量

v-once 只执行一次,不会改变

v-html 把html标签解析出来,例如:url: <a href=https://www.baidu.com>百度一下</a> v-html={{ url }} 结果是: 百度一下

v-text 不解析标签

v-pre 不解析插值传输 {{message}} 结果是:{{message}}

v-claok 网络不好的时候防止用户看见闪动,即没有完全加载数据时的状态

v-bind 绑定属性 缩写是: 例如 :class,:src

v-on 绑定事件,点击事件,双击事件 缩写是@

v-on的修饰符使用 .stop .prevent .key .once .native

.stop 使用方法:@click.stop=clickBtn 作用:防止冒泡,比如点击加了stop的按钮就不会再触发其他按钮

.prevent 使用方法:@click.prevent=clickBtn 作用:停止触发某些默认事件,比如点击超链接跳转页面,加入prevent就不会跳转了

.key 使用方法:@keyup.enter=keyBtn 作用:监听键盘事件,敲下enter就会执行keyBtn方法

.once 使用方法:@click.once=clickBtn 作用:定义某些方法只执行一次

.native 使用方法:@click.stop=clickBtn 作用:只能用于组件使用,在组件中加入可以监听到组件的各种事件

v-if 在什么条件下显示,是否显示 v-else-if v-else

使用v-if时可能切换的部分页面有重复,那么vue会直接复用相同的部分,比如input会保存用户输入未完成的东西,为了提高性能,此时可以给元素key属性,相同key属性的即是可以复用,不同属性不可复用

v-show 原理是添加行内元素display:none控制显示和隐藏,v-if是直接添加和删除代码块

v-for v-for=item in names && v-for=(item, index) in names && v-for=(value, key, index)in names 循环对象,循环数组

v-for 和:key同时使用,提高性能,方便插入元素和操作元素 :key=item key绑定的尽量是唯一标识,绑定index无用 splice中间插入元素 push最后插入元素 unshift最前面添加元素 shift最前面删除元素 pop删除最后面的元素 sort排序 reverse反转排序

v-model 双向数据绑定

最后修改时间:2020-09-23 20:22:43

瞅我来气不?用红包砸死我吧