2024年Vue知识点汇总，2024年最新一篇文章教你搞定计算机网络面试

框架相关

原生JS虽能实现绝大部分功能，但要么就是过于繁琐，要么就是存在缺陷，故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架，两者工作原理上存在共通点，也存在一些不同点，对于校招来说，不需要两个框架都学得特别熟，一般面试官会针对你简历中写的框架进行提问。

在框架方面，生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的，在学习的过程可以结合框架的官方文档

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

Vue框架

知识要点：
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

store

views

App.vue

main.js

package.json

@vue/cli

---

安装脚手架

npm install -g @vue/cli

创建项目

vue create projectName

核心

================================================================

指令

---

v-text

v-html

v-for

v-if/v-else-if/v-else

v-show

v-on

事件修饰符

.stop

.slef

.capture

.once

.prevent

按键修饰符

系统修饰符

v-bind

样式绑定

绑定class

:class=“red”、

:class=“red”

:class=“[ “,” ]”

:class=“{red: true}”

绑定style

:style=“{color:‘’ ,fontSize:‘’ }”

:style=“styleObj”

:style=“[s1,s2]”

v-model

修饰符

.trim

.number

.lazy

v-slot

v-pre

v-cloak

v-once

选项

---

data

在组件内，data要声明为一个返回初始对象的函数

props

type

default

required

validator

支持的类型:：

String

Number

Boolean

Array

Function

Object

Symbol

Date

computed

返回值有缓存，当依赖的响，应式属性改变时，才会重新计算

methods

watch

深度监听

name:{

handler(){

},

deep:true

}

filters（过滤器）

components

directives（自定义指令）

钩子函数：

bind

inserted

update

componentUpdated

unbind

参数：

el

binding

vnode

oldVnode

生命周期钩子

beforeCreate

created

beforeMount

mounted

beforeUpdate

updated

beforeDestroy

destroyed

activated

deactivated

全局API .

---

set()

use()

特殊厲性

---

is

声明在上

key

ref

实例属性与方法

---

this.$emit()

this.$on()

this.$mount()

this.$nextTick()

this.$refs

全局配置

---

productionTip

内置组件

---

component

keep-alive

总结

秋招即将开始，校招的朋友普遍是缺少项目经历的，所以底层逻辑，基础知识要掌握好！

而一般的社招，更是神仙打架。特别强调，项目经历不可忽视；几乎简历上提到的项目都会被刨根问底，所以项目应用的技术要熟练，底层原理必须清楚。

这里给大家提供一份汇集各大厂面试高频核心考点前端学习资料。涵盖 HTML，CSS，JavaScript，HTTP，TCP协议，浏览器，Vue框架，算法等高频考点238道（含答案）！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

资料截图 ：

高级前端工程师必备资料包

新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

资料截图 ：

高级前端工程师必备资料包