前端实习生面试题2-1

事件修饰符:

stop: 阻止了事件冒泡，相当于调用了event.stopPropagation方法

prevent: 阻止了事件的默认行为，相当于调用了event.preventDefault方法

self: 只当在 event.target 是当前元素自身时触发处理函数

once: 绑定了事件以后只能触发一次，第二次就不会触发

capture: 使事件触发从包含这个元素的顶层开始往下触发

passive: 在移动端，当我们在监听元素滚动事件的时候，会一直触发onscroll事件会让我们的网页变卡，因此我们使用这个修饰符的时候，相当于给onscroll事件整了一个.lazy修饰符

native: 让组件变成像html内置标签那样监听根元素的原生事件，否则组件上使用 v-on 只会监听自定义事件

鼠标按钮修饰符: left 左键点击 right 右键点击 middle 中键点击

键盘修饰符: keyCode包含的

普通键（enter、tab、delete、space、esc、up...）

系统修饰键（ctrl、alt、meta、shift...）

v-bind修饰符：

async：能对props进行一个双向绑定

props: 设置自定义标签属性，避免暴露数据，防止污染HTML结构

camel: 将命名变为驼峰命名法，如将 view-Box属性名转换为 viewBox

ref： ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例。

axios：是开源免费基于promise的http库，可以用在浏览器和node.js中。支持从浏览器中创建XML请求，支持nodejs发出http请求，支持转换请求和响应数据，还支持自动转换JSON

路由传参：params、query、$router.push()

$route和$router: 

$router他是vuerouter实例应用,主要实现路由跳转，想跳转不同的路径使用this.$router.push方法。

$route是一个跳转的路由对象，每一个路由都会有一个$route对象，是一个局部的对象，可以获取对应的name，path，params，query等。

引用数据类型和基本数据类型：

引用数据类型：栈里面存放的是地址，数据存在堆中；Object 、Array 、Function 、Data等

基本数据类型：保存在栈里面；Number、String 、Boolean、Null和Undefined。

Vue数据绑定原理：

我们需要一个监听器Observer来给所有的属性设置set函数。如果属性发生了变化，就要通知所有的订阅者Watcher。而这些Watcher统一存放在消息订阅器Dep中，这样比较方便统一管理。Watcher接受到来自Dep的通知后就行相应的操作去更新视图。