[JavaScript知识库]Vue 面试题常见知识点

1. 事件修饰符

   • .stop: 阻止事件冒泡
   • .prevent: 阻止默认事件，如超链接标签的重定向
   • .capture: 网页是默认按照冒泡方式去触发函数的，但是当我们使用.capture修饰符时，网页就会按照捕获的方式触发函数，也就是从外向内执行，但是这个时候一定要注意，.capture修饰符一定要写在外层才能生效

2. 按键修饰符

   <!-- 即使 Alt 或 Shift 被一同按下时也会触发 -->
   <button @click.ctrl="onClick">A</button>
   
   <!-- 有且只有 Ctrl 被按下的时候才触发 -->
   <button @click.ctrl.exact="onCtrlClick">B</button>
   
   <!-- 没有任何系统修饰符被按下的时候才触发 -->
   <button @click.exact="onClick">C</button>
   

3. 表单项修饰符

   <!-- 截断前后空格 -->
   <input type="text" v-model.trim="name" />
   
   <!-- 类似防抖，输入结束后才会变化，输入的过程中不会变化 -->
   <input type="text" v-model.lazy="name" />
   
   <!-- 转化为数字 -->
   <input type="text" v-model.number="age" />