面试题

52 阅读4分钟

11.22

1.Vue里面响应式数据和方法分别放在哪?

2.父传子流程是啥?

3.生命周期执行顺序

4.计算属性:computed

5.call,apply,bind三者的区别

6.Promise是什么?

7.回调地狱是啥?

11.23

1.async和await?

2.内置指令

3.v-if和v-show

4.计算属性和侦听器

5.vue组件通讯有哪些?

6.父传子流程?

7.子传父流程?

11.24

1.git常用指令

git init

git add .

git commit -m ""

git push

git log

git reset

git pull

git checkout -b

git checkout 分支名

git merge

2.Vue实现父传子

3.Vue跨组件传参(祖孙级)

11.25

1.vue常用指令

2.v-if/v-show区别

3.子传父

4.vue响应式原理的理解

5.vue的优点:

灵活高效、双向数据绑定、组件化开发、数据驱动试图、轻量级、虚拟DOM、响应式

6.vue开发里面数据驱动试图怎么理解?

它基于一种响应式的系统,使得数据的变化可以自动地更新视图。简单来说,当你修改Vue实例的数据时,相应的视图会自动更新以反映出数据的变化,而无需手动操作DOM。这种数据驱动的方式带来了许多好处。首先,它使得我们可以更方便地管理和维护视图,因为我们只需要关注数据的变化,而不用手动操作DOM元素。其次,它提供了更高的开发效率,因为我们可以专注于数据的处理和业务逻辑,而不用过多关注视图的更新。

7.vue里面组件通信,所有了解的方式

11.28

1.Vue中的key

key 是为了给每一个虚拟DOM的唯一标识,为了更好的区别各个组件,依靠 key,主要是为了高效的更新虚拟DOM。

2.虚拟DOM

它作为Vue的核心机制之一,用于提高页面性能和开发效率。以树形结构的方式描述了整个DOM结构及其属性。可以通过JavaScript进行创建、修改和比较,但不直接与浏览器的实际DOM交互。虚拟DOM通过差异计算和最小化实际DOM的操作,减少了浏览器的重绘和重排,提高了页面的性能。使用虚拟DOM可以更方便地进行组件化开发,提高代码的可维护性和可复用性。

3.封装一个原生的按钮需要传什么属性

type\size\backgroundColor\text\event

4.Vue生命周期

5.$nextTick

nextTick()Vue.js框架中的一个方法,它主要用于DOM操作。当我们修改Vue组件中的数据时,Vue.js会在下次事件循环前自动更新视图,并异步执行nextTick() 是 Vue.js 框架中的一个方法,它主要用于 DOM 操作。当我们修改 Vue 组件中的数据时,Vue.js 会在下次事件循环前自动更新视图,并异步执行 nextTick() 中的回调函数。这个过程可以确保 DOM 已经被更新,以及可以操作到最新的 DOM。

$nextTick() 方法的作用正是等待上一次事件循环执行完毕,并在下一次事件循环开始时再执行回调函数。这样可以保证回调函数中的 DOM 操作已经被 Vue.js 进行过更新,从而避免了一些潜在的问题。

6.v-model实现原理

v-model 双向绑定的原理是通过使用语法糖实现的,它本质上是一个语法糖,等同于通过绑定一个 value 属性和一个 input 事件来实现表单元素与 Vue 实例中数据的双向绑定。当表单元素的值发生变化时,input 事件监听器会将最新的值同步到 Vue 实例中的数据对象上。当数据对象中的值发生变化时,绑定了该数据的表单元素的 value 属性也会自动更新,从而实现了双向绑定。

<input type="text" :value="msg" @input="setMsg" /> 
<p>{{ msg }}</p>
methods: {
setMsg (e) { this.msg = e.target.value }
}

7.封装一个输入框作为组件给所有人使用

输入的时候触发事件,内容改变的时候触发事件,默认展示文本,基本样式,用户可以指定宽高,背景颜色等等

placeholder:字段预期值的提示信息

type:文本框类型 name:name disabled:是否禁用 value:值 clearable:是否显示清空按钮 showPassword:密码显示

11.29

1.Vuex的使用流程

2.Vuex的五个模块

3.使用state中的数据

4.子传父完整流程

5.封装一个三级下拉菜单,展开有省市区,你封装这个组件会写一些什么参数?

数据哪来的;选中某一个地区返回一个数据,是返回最后一项还是三项都返回;返回数据的顺序;

6.如何理解路由

前端页面的路径和页面的匹配规则

7.路由的使用流程

11.30

1.组合式API创建响应式数据

ref\reactive\toRef\toRefs\shallowRef\shallowReactive

2.组合式API完成子传父

父组件中引入子组件,定义一个自定义事件,对应的函数的参数是子组件传递的数据,子组件中导入defineEmits,子组件找到一个合适的时机出发自定义事件,const emit ,然后emit(“事件名”,数据)

3.vuex五大模块

state,唯一数据源

mutations,类似于事件,在vuex中修改state的唯一方法

actions,异步的

getters,计算属性

module,模块

4.git常用指令

git init

git add .

git commit -m

git push

5.vue响应式原理

6.vue里实现一个v-model

7.如何理解虚拟DOM

8.key属性

9.v-router使用流程