<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js";></script>

v-html 原样输出html
v-text="" 和{{}}一样会被原样输出
v-once 只绑定一次
v-bind 绑定属性
v-model 双向绑定
v-pre 不解析
[v-cloak] {

  display: none;
}

v-cloak解决屏幕闪动的问题
computed 计算属性
watch 监听属性的变化
v-if
属性带引号是属性,不带引号就是变量
表单中属性相同的时候可以添加key
v-if直接删除,v-show diplay:none
v-for
computed 计算属性
methods 事件属性
push pop shift unshift sort reverse
splice(k,1);//删除当前位置一个
事件修饰符(支持链式操作)
prevent 禁止事件默认行为
stop 停止冒泡
self 只在点击自身的时候触发
capture 捕获,先执行父,在执行子
once 只能执行一次

键盘修饰符
@key.up/down/esc.enter....

鼠标修饰符
@click.left 鼠标左键
@contentment.prevent
oncontentmenu="return false"//禁用默认右键行为(弹出菜单)

//表单中修饰符
v-model.number //类型为数字
v-model.trim //清除空白
v-model.lazy懒更新,鼠标移走后触发

标签: vue

添加新评论