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() 中的回调函数。这个过程可以确保 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使用流程