vue中data为什么是函数而不是一个对象呢

我们需要清楚js中的对象是引用类型的数据，当多个实例引用同一个对象的时候，只要其中一个实例对这个对象进行操作，其他实例中的数据也会发生改变。

而在vue中，我们更多的是想要复用组件，那就需要每个组件都有自己独立的数据，这样组件之间才不会相互干扰。

所以组件中的数据要写成函数的形式。数据以函数返回值的形式定义，这样当我们每次复用组件时，就会返回一个新的data，也就是说每个组件都有自己的私有数据空间，维护自己的数据，不会干扰其他组件的正常运行。

css实现水平/垂直居中的几种方法

1.利用flex，将父元素设置为display:flex,align-items:center,justify-content:center

2.子元素设置position：absolute;top,left,right,bottom,margin:augo;

3.子元素绝对定位，距离顶部50%，左侧50%，transform：translate（-50%，-50%）

4.设置父元素的display:table-cell,并且vertical-align:middle.

以上，实现垂直居中。

javaScript中有6种基本数据类型 undefined，null,boolean,number,string,symbol

引用数据类型：obj,arr,date,function.

typeof用来检测一个变量是不是最基本的数据类型。

instanceof用来判断某个构造函数的prototype属性所指的对象是否存在于另外一个要检测对象的原型链上。

一个容器里只有一个元素，怎么让他右对齐？
float:right                    text-align:right

检测数据类型的方法还有object.prototype.toString.call   

箭头函数有什么特点？

箭头函数是匿名函数，不能使用New，没有constructor，没有原型属性。

没有自己的this,它的this指向外层普通函数的作用域。

没有argunents伪数组。

懒加载原理?

将img标签zhong src链接设置成空白图片，将其真正的图片地址存储在自定义属性中，例如data-img,当js监听到该图片进入可视区区域之后，将自定义属性中的地址存储到src属性中，达到懒加载的效果。

这样做能防止一次性向服务器响应大量请求导致服务器响应慢，页面卡顿或者崩溃等问题。

说说px,em,rem,vw,vh的区别？
px是物理屏幕上能显示出的最小的一个点。

em是相对于父级的字体大小。

rem是相对于html根元素的字体大小。

vh和vm相对于视口高度和宽度，1vh等于百分之一的视口高度，1vw等于百分之一的视口宽度。