VUE__基础知识点总结

鼠标事件

@keyup.13=”key”
methods: {
key: function (e) {
this.msg = ”;
console.log(66666);
},
},

点击（单击）：@click=”方法名” ；

   双击    ： @dblclick="方法名" ；

   鼠标按下： @mousedown="方法名" ；

   鼠标抬起： @mouseup="方法名" ；

   鼠标移动： @mousemove="方法名" ；

   鼠标离开： @mouseleave=“方法名” ；

   鼠标离开： @mouseout=“方法名” ；
复制代码

*mouseleave和mouseout的区别在于mouseout有冒泡行为。

   鼠标进入：  @mouseenter="方法名" ；

   鼠标进入：  @mouseover="方法名" 。
复制代码

*mouseenter和mouseover的区别在于mouseover有冒泡行为。

鼠标滚轮事件

    滚轮滚动： @mousewheel="方法名" 。
复制代码

键盘事件

@keydown（键盘按下时触发）

@keyup(键盘弹起)

@keypress(键盘按住时触发)

获取按键的键码 e.keyCode

方法后面跟keyCode值可以直接绑定键盘按键

@keyup.13 按回车键

@keyup.enter 回车

@keyup.up 上键

@keyup.down 下键

@keyup.left 左键

@keyup.right 右键

@keyup.delete 删除键

@keyup.space 空格

指令

• 本质就是自定义属性
• Vue中指定都是以 v- 开头

v-cloak 防止页面加载时出现闪烁

• 防止页面加载时出现闪烁问题

  /*
  1、通过属性选择器 选择到 带有属性 v-cloak的标签 让他隐藏
  /
  [v-cloak]{
  / 元素隐藏 */
  display: none;
  }

  {{msg}}

  © 版权声明

  文章版权归作者所有，未经允许请勿转载。

  THE END

  前端
  
  喜欢就支持一下吧
  点赞0 分享

  QQ空间微博QQ好友海报分享复制链接