• 1. vue3.0 功能/改进的地方
• 2. vue 模板语法使用的 web 模板引擎
• 3. v-model
• 4. computed 与 data
• 5. methods 与 data
• 6. vue 定义全局的方法
• 7. vue2.0 不再支持 v-html 中使用过滤器
• 8. vue 打包后静态资源图片失效的问题
• 9. vue 动态设置 img 的 src 不生效的问题
• 10. vue 针对搜索引擎 SEO 优化
• 11. keep-alive 有关的生命周期
• 12. vue 推荐的风格指南
• 13. vue1.x 与 vue2.x 的区别
• 14. vue 中 key 的原理
• 15. vue 中怎么重置 data
• 16. vue 渲染模板怎么保留 HTML 注释
• 17. Vue.observable
• 18. style 加 scoped 属性的用途和原理
• 19. vue 边界情况
• 20. 子组件怎么访问父组件的实例
• 21. watch 属性用箭头函数定义结果怎么样？
• 22. methods 方法用箭头函数定义结果怎么样？
• 23. vue 如何配置 favicon
• 24. babel-polyfill 模块
• 25. vue 的错误处理
• 26. vue 传入\$event，e.target 与 e.currentTarget 区别
• 27. vue 中 style 必须？script 必须？
• 28. vue 中强制刷新组件
• 29. vue 自定义事件中父组件怎么接受子组件的多个参数
• 30. vue 组件怎么处理绑定自定义事件无效
• 31. vue 变量名如果以_、\$开头的属性会发生什么问题？怎么访问到它们的值？
• 32. vue 使用 v-for 遍历对象时，是按什么顺序遍历的？如何保证顺序？
• 33. vue 如果想扩展某个现有的组件时，怎么做呢？
• 34. attrs 与 listeners
• 35. v-once 的使用场景
• 36. vue 项目本地开发完成后部署到服务器后报 404
• 37. 表单修饰符和事件修饰符
• 38. vue 为什么要求组件模板只能有一个根元素?
• 39. 怎么解决 EventBus 注册在全局上时，路由切换时会重复触发事件
• 40. 怎么修改 vue 打包后生成文件路径？
• 41. vue 中什么是递归组件？举个例子说明下？
• 42. 怎么访问到子组件的实例或者子元素？
• 43. 在子组件中怎么访问到父组件的实例？
• 44. 在组件中怎么访问到根实例？
• 45. 说说你对 Object.defineProperty 的理解
• 46. vue 组件里写的原生 addEventListeners 监听事件，要手动去销毁吗？为什么？
• 47. vue 组件里的定时器要怎么销毁？
• 48. vue 组件会在什么时候下被销毁？
• 49. 使用 vue 渲染大量数据时应该怎么优化？说下你的思路！
• 50. 在 vue 中使用 this 应该注意哪些问题？
• 51. 你有使用过 JSX 吗？说说你对 JSX 的理解
• 52. 说说组件的命名规范
• 53. 怎么配置使 vue2.0+支持 TypeScript 写法？
• 54. < template > < /template > 有什么用？
• 55. vue 的 is 这个特性你有用过吗？主要用在哪些方面？
• 56. vue 的:class 和:style 有几种表示方式？
• 57. 函数式组件
• 58. vue 怎么改变插入模板的分隔符？
• 59. 组件中写 name 选项有什么作用？
• 60. 说说你对 provide 和 inject 的理解
• 61. vue-devtools
• 62. slot 的理解？slot 使用场景有哪些？
• 63. 你有使用过动态组件吗？说说你对它的理解
• 64. prop 验证的 type 类型有哪几种？
• 65. prop 是怎么做验证的？可以设置默认值吗？
• 66. 怎么缓存当前打开的路由组件，缓存后想更新当前组件怎么办呢？
• 67. 说说你对 vue 组件的设计原则的理解
• 68. vue 的 diff 算法
• 69. vue 如何优化首页的加载速度？
• 70. vue 打包成最终的文件有哪些？
• 71. ajax、fetch、axios 这三都有什么区别？
• 72. vue 能监听到数组变化的方法有哪些？为什么这些方法能监听到呢？
• 73. vue 中是如何使用 event 对象的？
• 74. vue 首页白屏是什么问题引起的？如何解决呢？
• 75. 单向数据流和双向数据流
• 76. 移动端 ui 你用的是哪个 ui 库？有遇到过什么问题吗？
• 77. nextTick 的原理
• 78. v-clock 和 v-pre 指令的理解
• 79. proxy 的理解
• 80. vue 怎么实现一个换肤的功能
• 81. vue 性能的优化的方法
• 82. SSR 解决了什么问题？有做过 SSR 吗？你是怎么做的？

1. vue3.0 功能/改进的地方

2. vue 模板语法使用的 web 模板引擎

3. v-model

• v-model可以用在
  • 输入框，文本域，单选框，多选框，下拉单选框，下拉多选框，上传，组件，第三方组件，组件级别封装普通元素（实现双向绑绑定直接更改父组件）
• v-model 在内部为不同的输入元素使用不同的 property 并抛出不同的事件：
  • text 和 textarea 元素使用 value property 和 input 事件；
  • checkbox 和 radio 使用 checked property 和 change 事件；
  • select 字段将 value 作为 prop 并将 change 作为事件。
• v-model 在自定义组件中的使用

<custom-component v-model="custom" />

和这种用法是一样的:

<custom-component :value="custom" @input="val => custom = val" />

在 2.2.0+ 的版本中可以使用 model 属性在自定义组件中来实现属性和事件的自定义：

export default {
  name: 'custom-component',
  model: {
    prop: 'customVal',
    event: 'customEvent',
  },
};

v-model 将会查询所有的属性来替代 value 属性，并使用 prop 中来替代 input 事件的监听。 因此上面的那个 custom-component 组件被改写为

<custom-component :customVal="custom" @customEvent="val => custom = val" />

4. computed 与 data

• data 和 computed 最核心的区别在于 data 中的属性不会随赋值变量的改动而改动，而 computed 会。

1. 父组件改变 props，子组件如果直接使用 props，会触发子组件更新。
2. 父组件改变 props，子组件如果将 props 放进 data 中使用，不会触发子组件更新。
3. 父组件改变 props，子组件如果将 props 放进 computed 中再使用，会触发子组件更新。

• computed 与 data 中数据不可以同名，因为初始化 vm 的过程，会先把 data 绑定到 vm，再把 computed 的值绑定到 vm，会把 data 同名数据覆盖。

5. methods 与 data

Vue 实例在渲染的时候数据解析的顺序是props->methods->data->computed->watch->created

---

6. vue 定义全局的方法

• 通过 prototype 原型，即Vue.prototype.$xxx = xxx，带$是为了防止和我们组件里定义的变量名相同

更方便的做法为方法全写到一个文件 全局调用使用

import * as xxx from 'xxx';
Object.keys(xxx).map(item => {
  Vue.prototype[`$${item}`] = xxx[item];
});

• 通过使用插件的方式引入，即Vue.use(plugin)

• 通过 mixin 混入，即Vue.mixin(mixin),这样做的优点是调用这个方法的时候有提示

---

7. vue2.0 不再支持 v-html 中使用过滤器

8. vue 打包后静态资源图片失效的问题

9. vue 动态设置 img 的 src 不生效的问题

10. vue 针对搜索引擎 SEO 优化

11. keep-alive 有关的生命周期

12. vue 推荐的风格指南

13. vue1.x 与 vue2.x 的区别

14. vue 中 key 的原理

15. vue 中怎么重置 data

16. vue 渲染模板怎么保留 HTML 注释

17. Vue.observable

18. style 加 scoped 属性的用途和原理

19. vue 边界情况

20. 子组件怎么访问父组件的实例

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

22. methods 方法用箭头函数定义结果怎么样？

23. vue 如何配置 favicon

24. babel-polyfill 模块

25. vue 的错误处理

26. vue 传入$event，e.target 与 e.currentTarget 区别

27. vue 中 style 必须？script 必须？

28. vue 中强制刷新组件

• 简单粗暴的方式：重新加载整个页面 window.location.reload()
• 不妥的方式：使用 v-if

<template>
  <my-component v-if="render" />
</template>

<script>
  export default {
    data() {
      return {
        render: true,
      };
    },
    methods: {
      forceRender() {
        this.render = false;
        this.$nextTick(() => {
          //nextTick是dom更新后，再重新设置显示
          this.render = true;
        });
      },
    },
  };
</script>

• 较好的方法：使用 Vue 的内置 forceUpdate 方法，即this.$forceUpdate()，但该方法会将当前组件的视图全部刷新。

• 最好的方法：在组件上进行 key 更改

<template>
<component-to-render :key="componentKey">
</template>

<script>
export default {
    data() {
        return {
            componentKey: 0
        }
    },
    methods: {
        forceRender() {
            this.componentKey += 1
        }
    }
}
</script>

29. vue 自定义事件中父组件怎么接受子组件的多个参数

30. vue 组件怎么处理绑定自定义事件无效

31. vue 变量名如果以_、$开头的属性会发生什么问题？怎么访问到它们的值？

32. vue 使用 v-for 遍历对象时，是按什么顺序遍历的？如何保证顺序？

33. vue 如果想扩展某个现有的组件时，怎么做呢？

34. attrs 与 listeners

35. v-once 的使用场景

36. vue 项目本地开发完成后部署到服务器后报 404

37. 表单修饰符和事件修饰符

38. vue 为什么要求组件模板只能有一个根元素?

39. 怎么解决 EventBus 注册在全局上时，路由切换时会重复触发事件

40. 怎么修改 vue 打包后生成文件路径？

41. vue 中什么是递归组件？举个例子说明下？

42. 怎么访问到子组件的实例或者子元素？

43. 在子组件中怎么访问到父组件的实例？

44. 在组件中怎么访问到根实例？

45. 说说你对 Object.defineProperty 的理解

46. vue 组件里写的原生 addEventListeners 监听事件，要手动去销毁吗？为什么？

47. vue 组件里的定时器要怎么销毁？

48. vue 组件会在什么时候下被销毁？

49. 使用 vue 渲染大量数据时应该怎么优化？说下你的思路！

50. 在 vue 中使用 this 应该注意哪些问题？

51. 你有使用过 JSX 吗？说说你对 JSX 的理解

52. 说说组件的命名规范

53. 怎么配置使 vue2.0+支持 TypeScript 写法？

54. < template > < /template > 有什么用？

55. vue 的 is 这个特性你有用过吗？主要用在哪些方面？

56. vue 的:class 和:style 有几种表示方式？

57. 函数式组件

58. vue 怎么改变插入模板的分隔符？

59. 组件中写 name 选项有什么作用？

60. 说说你对 provide 和 inject 的理解

61. vue-devtools

62. slot 的理解？slot 使用场景有哪些？

63. 你有使用过动态组件吗？说说你对它的理解

64. prop 验证的 type 类型有哪几种？

65. prop 是怎么做验证的？可以设置默认值吗？

66. 怎么缓存当前打开的路由组件，缓存后想更新当前组件怎么办呢？

67. 说说你对 vue 组件的设计原则的理解

68. vue 的 diff 算法

69. vue 如何优化首页的加载速度？

70. vue 打包成最终的文件有哪些？

71. ajax、fetch、axios 这三都有什么区别？

72. vue 能监听到数组变化的方法有哪些？为什么这些方法能监听到呢？

73. vue 中是如何使用 event 对象的？

74. vue 首页白屏是什么问题引起的？如何解决呢？

75. 单向数据流和双向数据流

76. 移动端 ui 你用的是哪个 ui 库？有遇到过什么问题吗？

77. nextTick 的原理

78. v-clock 和 v-pre 指令的理解

79. proxy 的理解

80. vue 怎么实现一个换肤的功能

81. vue 性能的优化的方法

82. SSR 解决了什么问题？有做过 SSR 吗？你是怎么做的？