vue 经常遇到的难点面试题 （重点 20220124）

目录

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

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

3.怎么给VUE定义全局方法？

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

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

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

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

8.你有看过vue推荐的风格指南吗？列举出你知道的几条

9.Vue1.x和Vue2.x有什么区别

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

11.Vue中怎么重置data

12.Vue渲染模板时怎么保留模板中的HTML注释呢?

 13.Vue.Observable你有了解过吗？

14你知道style加scoped属性的用途和原理吗？

15.vue边界情况有哪些？

16.如何通过子组件访问父组件的实例

17.watch的属性用箭头函数定义结果会怎么样？

18.在vue项目中如果methods的方法用箭头函数定义结果会怎么样？

19.  static 和 assets 的区别？

19. 模块开发的四大好处?

20.当我们在用的 vue 的 v-for 命令时，总是搭配 key 去使用，其中 key 的作用是什么？

21. 当数据发生变化时，vue 是怎么更新节点的？

---

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

mustache，主要是使用{
 {}}进行数据渲染。

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

v-model是一个语法糖，真正实现双向绑定还是依靠v-bind：绑定响应式数据。以及触发input事件并传递数据（核心和重点）

3.怎么给VUE定义全局方法？

第一种：将方法挂载到Vue的proptotype上，第二种使用全局混入mixin。

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

找到config/index.js配置文件，找到build打包对象里的assetsPublicPath属性，将默认值：'/'，修改为：'./'。

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

因为动态添加的src被当做静态资源处理了，没有进行编译，所以要加上require。
<img :src="require('@/assets/images/xxx.png')" />

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

使用服务端渲染，vue官方推荐nuxt.js

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

1.activated： 页面第一次进入的时候，钩子触发的顺序是created->mounted->activated
2.deactivated: 页面退出的时候会触发deactivated，当再次前进或者后退的时候只触发activated

8.你有看过vue推荐的风格指南吗？列举出你知道的几条

1.标签命名风格。例如<el-button>
2.组件样式添加 scoped属性。
3.使用v-for记得加上key。可以快速定位到更新的dom节点，提高效率。
4.优先使用vuex管理全局状态。

9.Vue1.x和Vue2.x有什么区别

1，2.0生命周期更加语义化，增加了 beforeUpdate，updated，activated，deactivated，删除了attached，detached。
2，2.0删除了1.0自带的过滤器。

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

便于diff算法的更新，key的唯一性，能让diff算法更快的找到需要更新的dom节点。

11.Vue中怎么重置data

1.Object.assign()方法：用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。
2.this.$data：获取当前状态下的data。
3.this.$option.data：获