Vue实战问答篇！

1.Vue的生命周期有哪些，分别有什么做用？

• 什么是vue生命周期

Vue实例有一个完整的生命周期，也就是从开始建立、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程 ，咱们称这是Vue的生命周期。通俗说就是Vue实例从建立到销毁的过程，就是生命周期。

• 生命周期钩子包括

• beforeCreate（建立前）、
• created（建立后）、
• beforeMount（载入前）、
• mounted（载入后）、
• beforeUpdate（更新前）、
• updated（更新后），
• beforeDestroy（销毁前），
• destroyed（销毁后）

---

钩子的 this 指向调用它的 Vue 实例 咱们能够在钩子的方法中使用this来指代当前实例。 Vuejs中没有控制器的概念，组件的自定义逻辑能够分割 在这些钩子里面。

2.简述v-if和v-show的做用

• v-if：当隐藏结构时该结构会直接从整个dom树中移除；

  使用说明：若是一个元素在页面展现后不仅会发生一种在状态并在使用期间不会再次进行修改，咱们推荐使用v-if

• v-show：当隐藏结构时是在该结构的style中加display:none，结构依然保留。

  使用说明：若是在一个元素在页面使用期间会频繁发生状态的改变，咱们推荐使用v-show

---

总结：频繁的切换用v-show. 不然v-if

3.什么是跨域？什么是同源策略？项目中你是如何解决跨域的？

• 什么是同源策略?

同源策略（是一种约定，它是浏览器最核心也最基本的安全功能。也就是说浏览器只容许访问同一个源下的服务器资源，限制访问不一样源下的资源，以防止潜在的恶意文件。

• 咱们一般怎么解决跨域

CORS 跨域资源共享。它使用额外的Http头来告诉浏览器，容许运行在一个orign(domin)上的web应用访问不一样源服务器上的指定资源。

4.Vue循环中为何要加上key？（做用）

• vue中循环需加:key="惟一标识" 惟一标识能够是item里面id 等，由于vue组件高度复用增长Key能够标识组件的惟一性，为了更好地区别各个组件 key的做用主要是为了高效的更新虚拟DOM

5.mvvm是什么？你所了解的MVVM框架用那些？

• 什么是MVVM

MVVM是Model-View-ViewModel的简写，M是模型 V是视口 VM是指连接中间的桥梁MVVM最先由微软提出来，它借鉴了桌面应用程序的MVC思想，在前端页面中，把Model用纯JavaScript对象表示，View负责显示，二者作到了最大限度的分离。把Model和View关联起来的就是ViewModel。ViewModel负责把Model的数据同步到View显示出来，还负责把View的修改同步回Model。 #详情可见廖雪峰官方网站

• MVVM框架有

• 1.Backbone.js——优势：强大的社区，强劲的势头；缺点：抽象较弱，不少功能亟待增长。
• 2.SproutCore——优势：对绑定的支持，可靠的社区，大量特性；缺点：过分规范，难以和不须要的特性解耦。
• 3.Sammy.js——优势：易于学习，更容易和现存的服务端应用程序整合；缺点：过于简单，没法应用于大型应用程序中。

6.http响应的状态码常见有哪些？其含义是什么？

• 2XX Success(成功状态码)
  • 200 表示从客户端发来的请求在服务器端被正常处理
  • 204 该状态码表示服务器接收的请求已成功处理，但在返回的响应报文中不含实体的主体部分
  • 206 该状态码表示客户端进行了范围请求，而服务器成功执行了这部分的GET请求
• 3XX Redirection(重定向状态码)
  • 301 永久性重定向
  • 302 临时性重定向
  • 4XX Client Error(客户端错误状态码)
• 400 该状态码表示请求报文中存在语法错误
  • 401 该状态码表示发送的请求须要有经过HTTP认证的认证信息
  • 403 该状态码代表对请求资源的访问被服务器拒绝了。
  • 404 该状态码代表服务器上没法找到请求的资源
• 5XX Server Error(服务器错误状态码)
  • 500 该状态码代表服务器端在执行请求时发生了错误。
  • 503 该状态码代表服务器暂时处于超负载或正在进行停机维护，如今没法处理请求。

7.常见的http请求方法有哪些及其含义?

• 一、GET方法

GET方法用于使用给定的URI从给定服务器中检索信息，即从指定资源中请求数据。使用GET方法的请求应该只是检索数据，而且不该对数据产生其余影响。

• 二、POST方法

POST方法用于将数据发送到服务器以建立或更新资源，它要求服务器确认请求中包含的内容做为由URI区分的Web资源的另外一个下属。

• 四、PUT方法

PUT方法用于将数据发送到服务器以建立或更新资源，它能够用上传的内容替换目标资源中的全部当前内容。

• 五、DELETE方法

DELETE方法用来删除指定的资源，它会删除URI给出的目标资源的全部当前内容。

详情

8.vue双向绑定的原理

• Vue 实现双向绑定的原理就是利用了Object.defineProperty()

这个方法从新定义了对象获取属性值（get）和设置属性值（set）的操做来实现的。他接受三个参数，要操做的对象要定义或修改的对象属性名，属性描述符。重点就是最后的属性描述符。属性描述符是个对象，主要有两个形式：数据描述符和存取描述符。这两种对象只能选择一种使用，不能混合两种描述符的属性同时使用。上面说的get和set 就是属于存取描述符对象的属性。