2024年Web前端最新快速入门vue3(3)，2024年最新前端多线程面试题

最后

资料过多，篇幅有限

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

自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。

父传子

---

// father组件

setup() {

//father作为父级组件,通过provide函数提供数据共享(不限层次)

// provide只能向下传递数据,向子孙组件传递数据

provide(‘globalVal’,‘这是father组件传递过来的值’)

const str = ref(‘str’)

provide(‘globalStr’,str)

return{

str

}

}

// One组件

setup() {

const val = inject(‘globalVal’)

const str = inject(‘globalStr’)

provide(‘globalStr’,‘这是one组件传递过来的值’)

return {

val,

str

}

}

// Two组件

setup() {

// inject通过自定的函数名获取到父级组件的共享数据

const val = inject(‘globalVal’)

// 父组件和爷组件都有globalStr,引用近的父组件内容

const str = inject(‘globalStr’)

return {

val,

str

}

}

常用加值方法

const addUser = () => {

// alert(data.val);

// 向数组的前面加一条数据

// 向前添加

data.todos.unshift({ name: data.val, show: false });

// data.todos.push(//向后添加

// {name:data.val,show:false}

// )

data.val = “”;

};

代码抽离

import userAdd from ‘…/hook/userAdd.js’

export default {

setup() {

const {total,val,todos,addUser} = userAdd();

return{

total,val,todos,addUser

}

},

};

// 自定义函数

// function userAdd() {

// const data = reactive({

// val: “”,

// todos: [

// { name: “学习”, show: false },

// { name: “敲代码”, show: false },

// ],

// });

// const addUser = () => {

// // alert(data.val);

// // 向数组的前面加一条数据

// // 向前添加

// data.todos.unshift({ name: data.val, show: false });

// // data.todos.push(//向后添加

前端框架

前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。

以 Vue 为例，我整理了如下的面试题。

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

g.csdnimg.cn/img_convert/c6738a80c94640db83f7ffbf487ac5f0.png)

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】