Vue的一些相关面试题

一、Vue创建项目的指令是什么

1.使用的官方cli脚手架,如果是低于3.0的版本,使用npm init

2. cli的版本大于3.0的使用vue create

3.可以使用vite直接搭建项目,命令为npm init vite@latest,根据提示,一步一步操作就好 参考链接Getting Started | Vite Vue CLI

二、VUE组件如何与iframe通信问题

像这种问题其实问的不是特别详情,面试者可能不懂题目的意思,但是我们要学会揣摩,面试官的问题,如果不知道,你就直说vue的组件通信。

在讲iframe的页面获取v, vue组件内嵌一-个iframe, 现在想要在iframe内获取父组件内信息,采用的是H5新特性;

PostMessage来解决跨域问题,采用postMessage内涵两个API;

onMessage:消息监听;

postMessage:消息发送,代码和例子。

三、说说vue动态权限绑定渲染列表(权限列表渲染)

1.首先请求服务器,获取当前用户的权限数据比如请求this. $http get("ights/list");

2.获取到权限数据之后,在列表中使用v-if v-if- else的组合来展示不同的内容、首页、权限管理、权限列表、一级、二级、三级。

四、Vue用的哪种设计模式

属于发布订阅模式,在vue中使用observer和definereactive两个方法的结合对数据进行递归劫持

然后通过watch这个类来对属性进行订阅,Dep类用于解耦合。

当数据变更的时候先触发数据的set方法,然后调用Dep.notify通知视图更新。

五、用过VUE的自定义指令吗?自定义指令的方法有哪些

这种问题一样的。

先回答经常用的一些指令, 比如v-for v-if v-model v-show等等之类的,指令分为全局和局部的,然后在回答自定义指令,通过directive来自定义指令。

自定义指令分为全局指令和局部指令,自定义指令也有几个的钩子函数,常用的有bind和update,当bind 和update时触发相同行为,而不关心其它的钩子时可以简写。

一个表达式可以使用多个过滤器。过滤器之间需要用管道符"”隔开。其执行顺序从左往右。

前端面试题wap.mobiletrain.org/interview/html5/


请使用浏览器的分享功能分享到微信等