vue常见面试题

1、vue 双向绑定原理？
vue数据双向绑定是通过数据
劫持结合发布者订阅者模式的方式来来实现的。利用了objece.defineProperty()这个方法重新定义了对象获取属性值（get）和设置属性值（set）
2、说说vue react angularjs jquery的区别？
jquery 与另外两者的最大区别是 jquery是事件驱动 其他两者是数据驱动。
jquery 业务逻辑和UI更改该混在一起，UI里面还参杂这加护逻辑，让本来混乱的逻辑更加混乱。Angular，vue是双向绑定 。而react不是 其他还有设计理念上的区别等。
3、active-class 是那个组件的属性？嵌套路由怎么定义？
vue-router模块的router-link组件
4、vue优点？
轻量级框架：只关注是涂层，是一个构建数据的视图集合
比较简单易学：国人开发，中文文档，不存在语言障碍，易于理解和学习
双向数据绑定：保留了angular的特点，咋数据操作方面更为简单
组件化：保留了react的优点，实现了html的封装和重用，在构建视图，数据，结构分离，使数据的更改更为简单，不需要进行逻辑就能完成相关操作
虚拟DOM:dom操作是非常耗费性能的，不再使用原生的dom操作节点，极大解放dom操作。
运行速度更快，性比较与react而言。同样是操作虚拟dom,就性能而言，vue粗恩在很大的优势
5、vue父组件向子组件传递数据？
答：通过props
6、子组件向父组件传递事件？
答：$emit方法7、v-show和v-if指令的共同点和不通电？答：共同点。都能孔氏元素的显示和隐藏不同点：实现本质方法不同，v-show本质就是通过控制css中的display设置为none，控制隐藏v-if是向DOM树内添加或者删除DOM元素，若初始值我为false,就不会编译了8、如何获得dom？答：ref="domName"用法：this.$refs.domName
9、vue-loader是什么？使用它的用途有那些？
答：vue文件的一个加载器，将template/js/style/转换成js模块
用途 js可以写es6、style样式可以scss或者less,template可以加jade等
10、为什么要使用key？
需要使用key来给每个节点做一个唯一标识，Diff算法就可以正确的识别此节点。作用是为了高效的更新虚拟DOM
11、axios 及安装？
请求后台资源的模块。npm install axios
js中使用import 引进来 然后.get或.post 返回在.then函数中，如果成功
失败则是在.catch函数中
12、v-model的使用？
v-model使用表单数据的双向绑定，其实它就是一个语法糖，这个背后就做了两个操作
v-bind绑定一个value属性
v-on指令给当前元素绑定input事件
13、请说出vue.cli项目中src目录下每个文件夹和文件的用法？
答：assets文件夹是放静态资源；components是放组件；router是定于路由相关配置的；app.vue是一个应用主组件，main.js是入口文件。