1、列出vue2的computed、methods、watch分别的作用和区别

computed：计算属性
methods：定义普通函数
watch：侦听器
computed也是一个函数，可以当做属性绑定显示，计算的结果会缓存起来，methods计算的结果没有缓存。监视器用来监听属性的get和set的操作，可以深度监听对象属性的变化。

2、列出vue2的至少4种常用的指令和用法

v-for:迭代遍历数组或对象
v-if:条件判断
v-show:是否显示
v-model:双向绑定数据
v-bind:单向绑定数据

3、如何遍历出对象{}的所有属性以及对应的值

使用 for ...in 来遍历对象的key，在通过[key]的方式获取对应的值。

示例代码（如必要你可以手写代码给他看）：
var obj={};
for(var key in obj){
var value=obj[key];
}

4、简述下bower、webpack、gulp的作用

gulp是工具链，可以配合各种插件做js压缩，css压缩，less编译等工作
webpack是文件打包工具，可以把项目的各种js文、css文件等打包合并成一个或多个文件
bower是包管理器，用来管理你项目里的那些外部依赖的。

5、vue-router的有哪些常用的守卫钩子函数

前置守卫 beforeEach
后置钩子 afterEach

6、你觉得哪些项目适合vue框架

后台管理系统的单页应用程序。或是app程序。

7、axios的特点有哪些？

Axios 是一个基于 promise 的 Ajax请求库，可以拦截请求和响应，对请求和响应的内容自动转换成 JSON类型的数据，在安全性方面支持防御 XSRF（跨站攻击）。

8、单页应用spa有什么优势和缺点

单页程序的优点是用户体验高，开发方便。缺点是不利于SEO优化。

9、css可以通过哪几种方式来选择页面元素，给元素赋上样式

id选择器，类选择器，标签选择器，伪类选择器，后代选择器，属性选择器等……

10、现有JavaScript代码，求输出结果
     var fruit="apple";
     var Student=function(name){
         var fruit=name;
         console.log(this.fruit);
         return{
            fruit:fruit,
            runc:function(){
               console.log(this.fruit);
            }
         }
     }
     var obj1=Student("orange"); 
     var obj2=new Student("banana"); 
     obj1.runc();
     obj2.runc();

apple
undefined
orange
banana