前端理论知识（3）

前端理论知识题（3）
vue

1. 简述框架和库的区别
   库是一个封装好的特定的集合，提供给开发者使用；
   框架则是为解决一类问题而开发的产品；
   库的使用非常灵活，但没有框架方便，这就是框架和库本质的区别。

2. 什么是渐进式框架
   渐进式框架的大概意思就是你可以只用我的一部分,而不是用了我这一部分就必须用我的所有东西。

3. Vue有哪些优缺点（各四个）
   优点：
   1.组件化开发
   2.单页面路由
   4.双向的数据绑定
   5.单向数据流
   6.易于结合其他第三库
   7.轻巧、高性能
   8.渐进式框架
   9.是已数据驱动执行的
   缺点：
   生态系统不够完善
   可扩展性稍差
   吃内存
   报错不明显
   不支持IE8
   入门简单,但是缺少高阶文档
   不利于seo优化

4. 简述mvvm模式
   MVVM模式简化了界面与业务的依赖，解决了数据频繁更新。
   MVVM 在使用当中，利用双向绑定技术，使得 Model 变化时，
   ViewModel 会自动更新，而 ViewModel 变化时，View 也会自动变化。

5. Vue常见的指令有哪些？（7个以上）
   v-text、v-html、v-bind、v-model、v-if、v-else-if、v-else、v-on、v-show、v-for、v-pre、v-clock

6. 计算属性和侦听属性有什么区别？怎样选择
   1、computed不会主动监听数据变化，但是watch会去主动监听，也就是说watch会主动处理数据变化，computed是依赖数据变化才去计算。
   2、computed在依赖数据未发生改变时/或者没有依赖数据，自动缓存到应用中，下次获取时不重新计算。
   各自使用场景：
   watch：适合处理 一个数据影响多个数据更适合处理数据相互独立的场景，主动监听
   computed：适合处理一个数据受多个数据的影响 / 多个数据影响一个数据时。数据相互不独立的场景。

7. Vue的生命周期函数有哪些？（中文及英文）
   创建：beforeCreate、created
   挂载：beforeMount、mounted
   更新：beforeUpdate、updated
   销毁：beforeDestroy、destroyed

8. vue怎样自定义指令？
   可以在实例使用 directives 选项来注册局部指令，这样指令只能在这个实例中使用

9. 简述axios的安装和引入
   安装插件依赖包
   npm install axios --save 在命令提示符中进行安装；
   在项目中的main.js中引用
   import axios from ‘axios’;
   Vue.prototype.$axios = axios;

10. DOM 渲染在哪个周期中就已经完成？
    在mounted中

11. 请说明Vue父组件向子组件传值的方法（代码或文字描述均可）
    设置自定义属性传入子组件，子组件用用porps来接收

12. 请列举axios的配置项及含义（五条）
    method:创建请求时使用的方法
    url:请求的服务器地址
    header:即将被发送的自定义请求头
    data:请求接口所需要传递的参数
    params:即将与请求一起发送的 URL 参数

13. V-for中 key 值的作用
    key的作用主要是为了高效的更新虚拟DOM，下次v-for不用再重新渲染

14. v-show和v-if指令的共同点和不同点?
    相同点：v-show和v-if都能控制元素的显示和隐藏。
    v-show本质就是通过设置css中的display设置为none，控制隐藏
    v-if是动态的向DOM树内添加或者删除DOM元素

15. 子组件向父组件传参的方式？（请写出关键代码）
    通过$miet设定自定义事件来传值，父组件把方法传入子组件中，在子组件里直接调用这个方法

16. Axios有哪些常用的方法？格式是什么？写出两种即可
    常用post或者get请求
    get:this.$axios(ur$