2024年最新vuex4 极速入门到上手(1)，【Web前端面试题】

总结一下

面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。

万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。

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

为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

前端面试题汇总

num:1,

}

}

})

const app = createApp(App)

app.use(router)

app.use(store)

app.mount(‘#app’)

//在组件内使用时与之前一样

{{$store.state.num}}

二、vuex4在组件内的使用

---

2.1、使用场景1

在组件的模板中直接使用，与之前的api保持一致

// 在 main.js 内

const store = createStore({

state(){

return{

num:1,

}

},

mutations:{

addNum(state){

state.num++

}

},

actions:{},

modules:{}

})

//组件内

{{$store.state.num}}

<button @click=“$store.commit(‘addNum’)”>num自加

2.2、使用场景2

通过 useStore 把store 引入组件内，然后操作 store 。

store组件

{{state.num}}

<button @click=“add”>num自加

2.3、使用场景3

store 内使用到多个值时，可以通过 toRefs 方法，将 store.state 内的数据直接展开。

{{num}}

<button @click=“add”>num自加

三、 getters 的用法

---

与之前的用法保持一致：

const store = createStore({

state(){

return{

num:1,

}

},

getters:{

doubleNum(state){

return state.num*2

}

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

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

高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。