Vue面试题你知道多少

题目一

Vue如何添加自定义指令

考点

考察对Vue添加自定义指令方法的掌握

答案

添加自定义指令的两种方式
全局指令 通过 Vue.directive() 函数注册一个全局的指令。
局部指令通过组件的 directives 属性对该组件添加一个局部的指令。

题目二

Vue框架有哪些优点为什么前端人都喜欢Vue

考点

了解Vue的优点才能更加方便使用Vue框架

答案

Vue的优点
轻量级框架只关注视图层是一个构建数据的视图集合大小只有几十 kb
简单易学Vue是由国人开发出来的易于理解和学习(不用学习令人头疼的英语
双向数据绑定延续了angular 的特点在操作数据封面更加容易
组件化延续了react的优点实现html的封装和重用在构建单页面应用方面有着相当明显的优势
数据和结构的分离数据和结构分离只需要操作数据就能完成操作不需要对代码进行修改使数据更改变得so easy
使数据的更改更为简单不需要进行逻辑代码的修改只需要操作数据就能完成相关操作
虚拟DOMdom操作十分耗能不再使用原生的dom而且使用虚拟的DOM进行操作
运行速度更快跟react进行比较同样是操作虚拟 dom 就性能而言 vue的运行速度存在很大的优势(速度快才是真的快)

题目三

Vue响应式原理是什么

考点

理解Vue响应式原理是怎样工作的

答案

响应式当数据改变后Vue会通知使用该数据的代码
比如说视图渲染使用了一个数据
那么当这个数据改变后视图会响应式的自动更新
Vue 它是通过那个Object.defineProperty()来更新定义 data中的所有属性

题目四

Vuex是什么Vuex有哪几种属性

考点

熟悉掌握Vuex的使用并熟记Vuex有哪些属性

答案

Vuex是什么
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态并以相应的规则保证状态以一种可预测的方式发生变化。
Vuex有哪些属性
Vuex有五种属性分别是State、Getters、Mutations、Action、Modules

属性	描述
State	存放数据状态不可以直接修改里面的数据
Getters	类似Vue的计算属性主要用于过滤数据
Mutations	Mutations定义的方法动态修改Vuex 的 store 中的状态或数据
Action	将Mutation里面处理数据的方法变成可异步处理数据的方法简单的说就是异步操作数据
Modules	项目特别复杂的时候可以让每一个模块拥有自己的State、Mutation、Action、Getters,使得结构非常清晰方便管理。

写在最后

CSDN话题挑战赛第1期

• 活动详情地址https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f