1、Vue怎么对表单的输入框进行校验（多种方式）

1. 通过data里面使用rules来对表单进行校验
2. 表单验证插件jquery-validate

2、Promise的使用方法

promise是一种异步解决方案。

• 由于ajax异步方式请求数据时，我们不能知道数据具体回来的事件，所以过去只能将一个callback函数传递给ajax封装的方法，当ajax异步请求完成时，执行callback函数。
• promise对象接受resolve和reject两个参数，当一个异步动作发生时，promise对象会通过resolve完成对动作成功进行解析，reject会捕获这个动作的异常。一个promise对象，通过new
  Promise().then()执行下一步骤操作。
• axios is a promise based HTTP client for the browser and node.js。也就是说，使用axios发出请求，难免涉及promise（axios/ajax都是异步请求）。

3、this.r o u t e r . p u s h ( ) 以及 t h i s . router.push()以及this.router.push()以及this.router.replace()的用法介绍

this.$router.push()主要用于点击事件实现跳转并传递参数的方法

this.$router.replace()它的作用类似于 router.push，唯一不同的是，它在导航时不会向 history 栈添加新记录，而是替换（覆盖）掉当前路由。
比如：A=> B=> C，在B=> C时用了replace，则B被C替换，历史记录的栈就成了这样：A=> C。此时，在C页面点击返回时会跳到A页面。

详细介绍

4、vue中this.r o u t e . q u e r y 和 t h i s . route.query和this.route.query和this.route.params传参的使用和区别

• jquery可以通过name或path来引入路由。
• params只能通过name来引入路由，path会undefined。
• 简单说query相当于get请求，页面跳转的时候，可以在地址栏看到请求参数，浏览器刷新页面不会消失，而params相当于post请求，参数不会在地址栏中显示，浏览器刷新页面后消失。
• watch路由监听，也可以通过key配合时间戳来确定路由的变化（扩展）。

详细介绍

5、vue中this.$nextTick()的用法

this.$nextTick 将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它，然后等待DOM更新。

详细用法

6、this.$notify的用法

Notification通知, 悬浮出现在页面角落, 显示全局的通知提醒消息。
this.$notify({ type: “success”, message: “取消关注成功” });

实现的效果：

7、Vue $mount的用法以及render方法

render（）函数的用法：

render函数的作用是，当场景中用 template 实现起来代码冗长繁琐而且有大量重复，这个时候使用就可以极大的简化代码。

8、vue中 router.beforeEach() 的用法

• 在前端路由跳转中，路由跳转前都是会经过beforeEach，而beforeEach可以通过next来控制到底去哪个路由。
• 根据这个特性我们就可以在beforeEach中设置一些条件来控制路由的重定向。

具体用法

9、vue中组件的props属性

props实现父子组件中进行传值或者接受别的组件传过来的值。

具体用法介绍

10、v-model以及this.emit()的用法

• v-model允许一个自定义组件在使用 v-model 时定制 prop 和 event；将组件实现数据双向绑定的效果
  emit的组件传值方法介绍，一般与prop对应使用

11、前端面试题大全（非自己面试被问到的，可供学习）

学习链接

12、vue3和以前的版本有哪些差异点

Vue 3 并非一个简单的增量更新，而是一次彻底的重构，其目标是解决 Vue 2 在大型项目中的架构中的架构局限，并拥抱现代 JavaScript 的特性。它的变化可以概括为：更快、更小、更强的组合性、更好的 TypeScript 支持。