博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue 面试时需要准备的知识点
阅读量:6972 次
发布时间:2019-06-27

本文共 1400 字,大约阅读时间需要 4 分钟。

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

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那么推荐去看看这个。这个对于自己的提升可以说是相当大的。对于日后的快速开发,优雅代码会比较好。

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

1.为什么用vuex?

2.vuex怎么用

3.vuex的插件的用法

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

1.vue什么时候用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/p/8417304.html

你可能感兴趣的文章
CES Asia专题|从系统到整车,自动驾驶成唯一亮点
查看>>
中国量子技术创造多个世界第一,又创造世界首个
查看>>
pytorch-0.2成功调用GPU:ubuntu16.04,Nvidia驱动安装以及最新cuda9.0与cudnnV7.0配置
查看>>
6Python全站之路系列之Django站点管理
查看>>
bootstrap-进度条--动态条纹进度条
查看>>
事务xmin,xmax
查看>>
日本科学家的AI读心术,解码脑电波,还原人眼所见
查看>>
基于CentOS与VmwareStation10搭建Oracle11G RAC 64集群环境
查看>>
案例推荐《南京银行: 云上打造FinTech生态圈》
查看>>
ASP.NET实现Cookie功能的三个基本操作(写入,读取,删除)
查看>>
直播和VR的代入感太强,淘宝也忍不住推出了VR直播
查看>>
安卓Textview的getLineCount返回0
查看>>
【无监督学习最新研究】简单的「图像旋转」预测,为图像特征学习提供强大监督信号...
查看>>
3星|《商业周刊/中文版:2017商业人物(上)》:全球的数据只有20%是可搜索的...
查看>>
关于iChartjs在移动端提示框tip显示不正常的解决方法
查看>>
我的Nginx配置文件
查看>>
Linux命令(33):netstat命令-显示网络端口信息
查看>>
Windows 2008 R2 Administrator access denied解决办法
查看>>
Faker:Python的伪造数据生成器
查看>>
JSON的三个好处
查看>>