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

时间: 2018-09-10阅读: 1086标签: 面试

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


vue上手可以说是比较轻松而且简单,如果你用过angular,react,你也会很喜欢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

站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

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

关闭

前端高频面试题

清除浮动有哪些方式(最少三种),未知宽高的水平垂直布局方法有哪些(最少三种),在弹性盒模型中, justify-content 的含义是什么, 有哪些可取的参数值,请说明以下几种选择器的含义

每个前端开发者必会的 20 个 JavaScript 面试题

JavaScript 未声明变量直接使用会抛出异常:var name is not defined,如果没有处理异常,代码就停止运行了。但是,使用typeof undeclared_variable并不会产生异常,会直接返回 undefined。

用一道大厂面试题带你搞懂事件循环机制

面试题如下,大家可以先试着写一下输出结果,然后再看我下面的详细讲解,看看会不会有什么出入,如果把整个顺序弄清楚 Node.js 的执行顺序应该就没问题了。

35道必须要清楚的 React面试题

虚拟 DOM (VDOM)是真实 DOM 在内存中的表示。UI 的表示形式保存在内存中,并与实际的 DOM 同步。这是一个发生在渲染函数被调用和元素在屏幕上显示之间的步骤,整个过程被称为调和。函数组件和类组件当然是有区别的

作为面试官,我究竟想问什么?

其实不得不说,找工作,真的七分实力,三分运气。不同的面试官有不同的看重点,所以千万不要为一次的滑铁卢而丢失信心。基本面试这是必然的开场,笔者在公司也稍微面试过不少人吧,高峰期基本每晚都要面试一两个

ES5和ES6函数你不知道的区别

利用原生 js 撸一个简单的 class;根据上面的用法知道 class 必须通过 new 调用,不能直接调用;里面可以定义实例的属性

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

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

12道vue高频原理面试题,你能答出几道?

本文分享 12 道 vue 高频原理面试题,覆盖了 vue 核心实现原理,其实一个框架的实现原理一篇文章是不可能说完的,希望通过这 12 道问题,让读者对自己的 Vue 掌握程度有一定的认识(B 数),从而弥补自己的不足,更好的掌握 Vue

程序员如何拿下编程面试?

多年以来,我在好几家公司工作过,所以我的面试技巧得到了很好的磨炼,而且我参与面试的过程也教会了我该说什么、该做哪些准备,以及如何面试。在这篇指南里,你会了解到面试的概况、面试取得成功的六大步骤,以及我在考察数据结构和算法时所考虑的方面

React中常被问到的面试题

要了解 JSX,首先先了解什么三个主要问题,什么事 VDOM,差异更新和 JSX 建模:VDOM,也叫虚拟 DOM,它是仅存于内存中的 DOM,因为还未展示到页面中,所以称为 VDOM

点击更多...

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