vue常用面试题,基础的vue问题

一.vue组件之间的传值？有哪几种方式？
1、父传子

当子组件在父组件中当做标签使用的时候，给子组件定义一个自定义属性，值为想要传递的数据。

在子组件中通过props进行接收，props是专门用来接收外边的的数据的，有两种接收方式，数组和对象，对象可以限制数据的类型。

在这里简单介绍一下单项数据流的概念。

单向数据流：父组件向子组件传递数据的时候，子组件不允许更改父组件的数据，因为父组件会向多个子组件传值，如果说某个子组件对父组件的数据进行修改的话，很有可能会导致其他的组件发生错误，很难对数据的错误进行捕捉。

2、子传父

当子组件在父组件中当做标签使用的时候，如果子组件需要给父组件传递数据的时候，需要在子组件中定义一个自定义的事件，事件名称不需要加()的

在子组件中通过this.$emit触发自定义事件，将需要传递的参数通过emit的第二个参数进行传递

3、非父子组件传值

1.通过创建一个公共的Vue实例对象，this的指向是不同的，所以不能互相传值，所以创建一个公共的实例，就可以传值了，将实例对象绑定在Vue的原型身上即可。传值的一方调用$emit，接收的一方调用on，但是这种方法非常耗费性能，我们可以将on,emit等出来挂载。
　　2.路由传值,要么 $ router.push 拼接参数传参,name来确定匹配的路由，或者通过params来传递参数,还有用path来匹配路由，然后通过query来传递参数,
　　a.this.$router.push('/editCardetail?editType=add');
　　b.name 来确认路由

this.$router.push({
			          name: 'editCardetail',
			          params: {
			            editType: add
			          }
			        })

	c.使用path来匹配路由，然后通过query来传递参数

this.$router.push({
			         path: '/editCardetail',
			          query: {
			            editType: add
			          }
			        })

二.什么是MVVM？
MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。
MVVM实现了View和Model的自动同步，也就是当Model的属性改变时，我们不用再自己手动操作Dom元素，来改变View的显示，而是改变属性后该属性对应View层显示会自动改变。
三.的作用是什么?
keep-alive是Vue提供的一个抽象组件，用来对组件进行缓存，从而节省性能，由于是一个抽象组件，所以在v页面渲染完毕后不会被渲染成一个DOM元素.
被包裹在keep-alive中的组件的状态将会被保留，例如我们将某个列表类组件内容滑动到第100条位置，那么我们在切换到一个组件后再次切换回到该组件，该组件的位置状态依旧会保持在第100条列表处.例如

四.VUE的双向绑定原理
Vue采用数据劫持结合发布者-订阅者模式的方法，通过Object.defineProperty()来劫持各个属性的setter,getter属性，在数据变动话，通知订阅者，触发更新回调函数，重新渲染视图

五.VUE的路由模式
a、hash模式：原理是onhashchange事件，url都会被浏览器记录下来，只能改变#后面的url片段

b、history模式：根据history api中的pushState,replaceState两个方法。