🔥系列专栏:面试宝典 🎉欢迎关注👀点赞👍收藏⭐留言📝 🥇个人主页:hacker_demo的51CTO博客 💬个人格言:不断的翻越一座又一座的高山,那样的人生才是我想要的。这一马平川,一眼见底的活,我不想要,我的人生,我自己书写,余生很长,请多关照,我的人生,敬请期待💖💖💖

6cca30376d389080e4ff9ba305ce12a3.jpeg

(Vue面试题)

题目一

Vue如何添加自定义指令

👉考点

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

👉答案

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

题目二

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

👉考点

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

👉答案

Vue的优点 ==轻量级框架==:只关注视图层,是一个构建数据的视图集合,大小只有几十 kb ; ==简单易学==:Vue是由国人开发出来的,易于理解和学习(不用学习令人头疼的英语) ==双向数据绑定==:延续了angular 的特点,在操作数据封面更加容易 ==组件化==:延续了react的优点,实现html的封装和重用,在构建单页面应用方面有着相当明显的优势 ==数据和结构的分离==:数据和结构分离,只需要操作数据就能完成操作,不需要对代码进行修改,使数据更改变得so easy 使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作; ==虚拟DOM==:dom操作十分耗能,不再使用原生的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,使得结构非常清晰,方便管理。