vue面试时需要准备的知识点

更新日期: 2018-09-10阅读: 2035标签: 面试

前端火热的框架层出不穷,作为码农的我们,依旧需要去学习,去探索新的问题,学习新技术,其实就是为了写一手好的,自认为是高质量的代码。今天主要分享一下前端最火的框架vue,也是我比较喜欢的框架。


vue上手可以说是比较轻松而且简单,如果你用过angularreact,你也会很喜欢vue。vue的核心思想依旧是:构建用户界面的渐进式框架,关注视图的变化。这也是为什么新建的文件是结构是template script style


vue的使用由很多种,可以直接引入vue.js就可以开启vue的开发。但是这是初级的使用。在vue官网中推荐vue-cli,这个会帮我们自动引入全家桶开发环境。这里不做过多的解释,下面主要分向vue使用的一些经验,如果有不对的地方,请大神指正。


在任何系统总我们都会涉及到用户需要登录的验证才可以去访问某个页面,这里我的做法是借助vue的router组件,实现我的页面验证功能。在面试中,有可能面试官会问到我们有关于用户的权限设置。用户权限是基于角色的设计的,对于我们而言,就是在不同的用户访问我们的系统的时候,你需要根据用户的不同显示不同的组件状态(个人习惯把整个页面作为模块化,组件化区分);这里我们将进一步讨论组件的使用


在vue中我们常用的组件是父子组件,父子组件可以通过prop,而自组件是用自定义事件,$on(eventName) 监听事件 ,使用 $emit(eventName)触发事件 详细见教程 面试的时候提到这个一定要说到组件的通信,非组件通信手段状态管理。


vue的生命周期有哪些 beforeCreate(创建前),created(创建后),beforeMount(载入前),mounted(载入后),beforeUpdate(更新前),updated(更新后),beforeDestroy(销毁前),destroyed(销毁后)。


vue中es6的使用,这里需要注意下es6语法的一些新特性:比如箭头函数,变量命名,如果你的简历中涉及到es6那么推荐去看看这个es6特性。这个对于自己的提升可以说是相当大的。对于日后的快速开发,优雅代码会比较好。


vuex的掌握需要注意以下几点:

1.为什么用vuex?

2.vuex怎么用

3.vuex的插件的用法


针对上面这几点:很多前端入门者,很迷茫,做几点解释

1.vue什么时候用vuex,首先推荐不知道vuex的同学去看看vuex; 1)简单的单页面应用不用它2)能用store解决就不用它vuex

2.vuex的使用需要掌握state,getter(接收state),mutations(同步操作,组件中提交this.$store.commit('xxx')),action(Action 提交的是 mutation,而不是直接变更状态。Action 可以包含任意异步操作。),module(模块化state),其中state是基础,module是对于state过大时的划分模块,需要之一命名空间

3.vuex插件在插件中不允许直接修改状态——类似于组件,只能通过提交 mutation 来触发变化


最后,vue的学习是要不断去实践的,尝试的,包括脚手架的使用需要自己去掌握,开发环境的可配置化,多个不同环境对应api的修改。

来源:https://www.cnblogs.com/starryqian/archive/2018/09/09/8417304.html

链接: https://www.fly63.com/article/detial/1064

Web前端年后跳槽面试复习指南

很多童鞋可能年后有自己的一些计划,比如换份工作环境,比如对职业目标有了新的打算。当然面试这一关不得不过,大概又不可能系统性的复习,这里罗列一些 重点 面试的知识点和文章,

前端面试之webpack面试常见问题

什么是webpack和grunt和gulp有什么不同?什么是bundle,什么是chunk,什么是module?什么是Loader?什么是Plugin?如何可以自动生成webpack配置?webpack-dev-server和http服务器如nginx有什么区别?

每个 JavaScript 工程师都应当知道的 10 个面试题

多问问应聘者高层次的知识点,如果能讲清楚这些概念,就说明即使应聘者没怎么接触过 JavaScript,也能够在短短几个星期之内就把语言细节和语法之类的东西弄清楚。

37个JavaScript基本面试问题和解答

面试比棘手的技术问题要多,这篇文章整理了37个JavaScript基本面试问题和解答,这些仅仅是作为指导。希望对前端开发的你有所帮助!

React常见面试题

React常见面试题:React中调用setState之后发生了什么事情?React中Element与Component的区别?优先选择使用ClassComponent而不是FunctionalComponent?React中的refs属性的作用是什么?React中keys的作用是什么?

有趣的Js面试题_如何让 (a == 1 && a == 2 && a == 3) 返回 true

题目大意为:JS 环境下,如何让 a == 1 && a == 2 && a == 3 这个表达式返回 true ?这道题目乍看之下似乎不太可能,因为在正常情况下,一个变量的值如果没有手动修改,在一个表达式中是不会变化的。

js练习笔记:10道JavaScript题目

10道JavaScript题目:累加函数addNum、实现一个Person类、实现一个arrMerge 函数、实现一个toCamelStyle函数、setTimeout实现重复调用、实现一个bind函数、实现一个Utils模块、输出一个对象自身的属性

vue菜鸟从业记:没准备好的面试,那叫尬聊

面试开场白总缺少不了自我介绍,一方面是面试官想听听你对自己的介绍,顺便有时间看看简历上的描述,是否与口述一致。另一方面就是看看你简历上做过什么项目,用到了哪些技术栈,一会儿好提问你。

毕业一年左右的前端妹子面试总结

把面试当做学习,这个过程你会收益很大。前端知识很杂,可能实际工作中用到的技术,像框架都是跟着公司的要求走的,像我最近也在看React啦,Vue和React都对比着再学习

一篇文章教会你面试中的小套路

面试,一个短时间内对某个人做出判断的测试。很多时候,工程师们只准备了相关的技术点,却没有对非技术的软实力部分做准备。而软实力的考察,不仅贯穿整个面试流程中,更在BOSS面和HR面中尤为关键。鉴于当前业界也没有特别契合的攻略文档,仅有有几篇文章还是HR写的,特有此文

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!