4月终于结束了自己的面试，拿下Offer，对此我整理了很多面试的笔记。由此其中一篇给大家分享：

1.你知道vue的模板语法用的是哪个web模板引擎的吗？说说你对这模板引擎的理解 

vue模板引擎

2.你知道v-model的原理吗？说说看

 

1. 你有使用过vue开发多语言项目吗？说说你的做法？我开发过一个关于多语言开户的开户网站（中文、繁体、英文）。主要是安装i18n

 

需要将所有提示文字做成配置文件.在样式上要考虑到多语言的样式兼容

4.在使用计算属性的时，函数名和data数据源中的数据可以同名吗？

不能同名，因为不管计算属性还是data还是props都会挂在vm实例上

5.vue中data的属性可以和methods中的方法同名吗？为什么？

不可以，vue会把methods和data的东西，全部代理到vue生成对象中。

6.怎么给vue定义全局的方法？

1.挂载到vue的prototype上。把全局方法写到一个文件里面，然后for循环挂载到vue的prototype上，缺点是调用这个方法的时候没有提示。

2.利用全局混入mixin，因为mixin里面的methods会和创建你的每个单文件组件合并,这样做的优点是调用这个方法的时候有提示。

7.vue2.0不再支持v-html中使用过滤器了怎么办？

解决方法：

1：全局方法（推荐）

2：computed 属性

3：$options.filters（推荐）

8.怎么解决vue打包后静态资源图片失效的问题？

1.

2.把静态文件放到CDN加速服务器上进行加速

9.怎么解决vue动态设置img的src不生效的问题？

10.使用vue后怎么针对搜索引擎做SEO优化？

1.需要用服务端渲染Nuxt.js来解决

2.有ssr（服务端渲染）

11.跟keep-alive有关的生命周期是哪些？描述下这些生命周期

keep-alive的生命周期

1.activated:页面第一次进入的时候，钩子触发的顺序是created->mounted->activated

2.deactivated:页面退出的时候会触发deactivated,当再次前进或者后退的时候只触发activated

12.如果现在让你从vue/react/angularjs三个中选择一个，你会选哪个？说说你的理由

Vue学习成本低，组件化思想

13.你知道vue2.0兼容IE哪个版本以上吗？

不兼容IE8及以下的

14.你知道vue中key的原理吗？说说你对它的理解

主要是通过diff算法

1. 两个相同的组件产生类似的DOM结构，不同的组件产生不同的DOM结构。

2. 同一层级的一组节点，他们可以通过唯一的id进行区分。

1.为了避免表单在渲染时绑定相同的值

2.在插入节点时避免渲染过多的节点