1、说一说Vue3的生命周期?
答:(1)setup() - 组件初始化时调用,类似于 Vue 2 的 created 和 mounted 钩子。
(2)onBeforeMount() - 在组件挂载之前调用。
(3)onMounted() - 在组件挂载之后调用。
(4)onBeforeUpdate() - 在组件更新之前调用。
(5)onUpdated() - 在组件更新之后调用。
(6)onBeforeUnmount() - 在组件卸载之前调用。
(7)onUnmounted() - 在组件卸载之后调用。
(8)onActivated() 和 onDeactivated() - 用于 keep-alive 缓存的组件。
2、有封装过自定义指令吗?
答:(1)定义指令 - 使用 Vue.directive() 方法或在组件中使用 directives 选项来定义一个指令。
(2)钩子函数 - 指令可以包含几个钩子函数,如 bind , inserted , update , componentUpdated , 和 unbind 。
(3)实现功能 - 在这些钩子函数中实现你的逻辑,比如添加事件监听器、修改样式、动态绑定属性等。
3、有封装过组件吗?
答:(1)需求分析:明确组件需要实现的功能和交互。
(2)定义接口:确定组件的 props、事件和插槽(slots)。
(3)编写模板:使用 HTML 或 JSX 编写组件的模板。
(4)样式编写:使用 CSS 或预处理器(如 SCSS)编写组件的样式。
(5)逻辑实现:使用 JavaScript 实现组件的逻辑和交互。
4、调用接口用什么调用,你做过Axios的二次封装吗?
答:(1)调用方式:使用原生的 fetch API、 XMLHttpRequest 或者第三方库如 axios 。
(2)Axios二次封装:
第1步:创建 axios 实例
第2步:对axios实例进行基本配置,比如设置默认的 API 基础路径、请求超时时间
第3步:拦截配置:请求拦截和响应拦截
第4步:导出实例
5、自定义钩子函数做过吗?是否使用过自定义钩子函数呢?
答:(1)简述:以 use 前缀开始的函数。
(2)使用:我有过使用自定义钩子的经验。例如,我曾创建过一个用于管理表单状态的自定义钩子,它允许我在多个表单组件中复用表单处理逻辑。
6、你平时怎么Mock模拟数据?
答:(1)Mock.js:一个 JavaScript 库,可以快速生成虚拟数据,适用于开发阶段的数据模拟。
(2)JSON 文件:创建一个包含模拟数据的 JSON 文件,并通过 AJAX 请求在前端加载这些数据。
(3)本地服务器:使用 json-server 等工具搭建本地服务器,模拟真实的 API 响应。
7、接入微信的登录怎么实现?
答:实现微信登录的基本步骤:
(1)注册微信开放平台账号
(2)创建应用
(3)配置权限和回调URL
(4)获取 access_token
(5)获取用户信息
(6)前端实现
(7)后端处理
更多详情:爱米的前端小笔记(csdnxitujuejinzhiHuBaidu小红shu)同步更新,等你来看!都是利用下班时间整理的,整理不易,大家多多👍💛➕🤔哦!你们的支持才是我不断更新的动力!