1.vuex是什么?怎么使用?哪种功能场景使用它?答:vue框架中状态管理。在main.js引入store,注入。新建了一个目录store.js,….. export 。解决的问题:多个视图依赖同一个状态来自不同视图的行为需要变更同一状态适用于中大型的单页面应用2.vuex有哪几种属性?答:有五种,分别是 State、 Getter、Mutation 、Action、 Modulestate:存放
1.vue优点?答:轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb; 简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习; 双向数据绑定:保留了angular的特点,在数据操作方面更为简单; 组件化:保留了react的优点,实现了html的封装和重用,在构建单页面应用方面有着独特的优势; 视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要
VUE面试题:1.绑定 class 的数组用法2.vue中transition的理解?3.vue的自定义指令?4.vue的diff算法理解?5.vue的filter的理解与用法?6.vue首屏白屏如何解决?7.vue中的v-cloak的理解?8.vue中template编译的理解?9.
转载
2024-02-26 11:28:39
287阅读
文章目录1、vue的生命周期2、Vue2.x 双向绑定原理3、Vue3.x 响应式原理4、v-for 为什么要加上 key5、Vdom的理解6、vuex 的结构,以及 actiion 和 mutation 的区别7、axios 的原理以及优点,如何终止 axios 请求8、vue 的缺点9、vue 和 react 区别10、computed 和 watch 区别,以及 computed 如何实现缓
目录前言相关学习资源01-Vue组件之间通信方式有哪些02-v-if和v-for哪个优先级更高?03-能说一说双向绑定使用和原理吗?04-Vue中如何扩展一个组件05-子组件可以直接改变父组件的数据么,说明原因06-Vue要做权限管理该怎么做?控制到按钮级别的权限怎么做?07 - 说一说你对vue响应式理解?08 - 说说你对虚拟 DOM 的理解?9 - 你了解diff算法吗?10 - 你知道哪
转载
2024-05-02 09:03:01
168阅读
81. vue-router 路由的两种模式参考答案:hash history82. history 路由模式与后台的配合83. vue路由实现原理? 或 vue-router原理?参考答案:说简单点,vue-router的原理就是通过对URL地址变化的监听,继而对不同的组件进行渲染。 每当URL地址改变时,就对相应的组件进行渲染。原理是很简单,实现方式可能有点复杂,主要有hash模式和histo
vue相关1.vue生命周期什么是Vue生命周期?Vue 实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程,我们称这是 Vue 的生命周期Vue生命周期的作用是什么?它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻辑Vue生命周期总共有几个阶段?它可以总共分为8个阶段:创建前/后, 载入前/
转载
2024-03-27 10:28:27
104阅读
前言:Part 1消息队列介绍消息队列技术的背景,包括使用场景和消息队列的功能特点,并设计了一个简单的消息队列。1.1 系统间通信技术介绍1.2 为何要用消息队列1.3 消息队列的功能特点1.4 设计一个简单的消息队列Part 2消息协议介绍消息队列中常用的消息协议,包括每个消息协议的历史背景、主要概念和基于该协议的消息通信过程。本章所介绍的协议也是接下来理解各种消息中间件产品的基础。2.1 AM
前言温故而知新,技术是学不完的。但学习的动力却是永无止境的!1、如何理解vue中MVVM模式?MVVM全称是Model-View-ViewModel;vue是以数据为驱动的,一旦创建dom和数据就保持同步,
每当数据发生变化时,dom也会变化。DOMListeners和DataBindings是实现双向绑定的关键。
DOMListeners监听页面所有View层DOM元素的变化,当发生
转载
2024-08-02 09:33:11
65阅读
1、多个组件之间如何拆分各自的state,每块小的组件有自己的状态,它们之间还有一些公共的状态需要维护,如何思考这块(1)公共的数据部分可以提升至和他们最近的父组件,由父组件派发
(2)公共数据可以放到vuex中统一管理,各组件分别获取2、key主要是解决哪一类的问题,为什么不建议用索引index(重绘)(1)key的作用主要是为了高效的更新虚拟DOM
(2)当以index为key值时,如果数组长
转载
2024-06-08 15:49:31
73阅读
文章目录1.vue双向绑定的原理2.解释单向数据流和双向数据绑定3.如何去除url中的“#”(history模式和hash模式的区别)4.对MVC、MVVM的理解5.介绍虚拟DOM树6.vue生命周期(4个阶段,8个钩子函数)7.组件间通信8.vue-router路由实现9.v-if 和 v-show 的区别10.$route 和 $router 的区别11.vue组件data为什么必须是函数1
转载
2024-06-29 07:44:52
65阅读
v-if 和 v-for哪个优先级更高?如果两个同时出现,应该怎么优化得到更好的性能v-for优先于v-if被解析(把你怎么知道的告诉面试官)// 源码中找答案:compiler/codegen/index.js > genElement()
if(el.staticRoot && !e.staticProcessed){
return ...
}else if(el
转载
2024-01-15 12:08:16
53阅读
1.什么是MVVM?MVVM是一种设计思想。
Model 层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑;
View 代表UI 组件,它负责将数据模型转化成UI 展现出来,ViewModel 是一个
同步View 和 Model的对象。2.mvvm和mvc区别?它和其它框架(jquery)的区别是什么?哪些场景适合?mvc和mvvm其实区别并不大。都是一种设计思想。主要就是mvc
1.虚拟DOM 虚拟DOM就是为了解决浏览器性能问题而被设计出来的。 若一次操作中有10次更新DOM的动作,虚拟DOM不会立即操作DOM,而是将这10次更新的diff内容保存到本地一个JS对象中,最终将这个JS对象一次性attch到DOM树上,再进行后续操作,避免大量无谓的计算量。所以,用JS对象模 ...
转载
2021-07-19 17:56:00
165阅读
2评论
1、在vue中watch和created哪个先执行?为什么? 答:watch 中的 immediate 会让在初始值声明的时候去执行计算,否则就是 created 先执行 2、vue中mixins和extends有什么区别? 答:https://blog..net/qq_2435
原创
2022-09-19 16:39:35
3101阅读
1.<keep-alive></keep-alive>的作用是什么?用户在某个列表页面选择筛选条件过滤出一份数据列表,由列表页面进入数据详情页面
转载
2022-05-26 12:29:46
276阅读
本文简单介绍如何搭建一个简单前端框架目录1.安装node.js2.安装vue及依赖包3.配置项目简单安装过程:1.安装node.js这个直接推荐一篇菜鸟安装教程,包含windows和linux下安装,传送门如何安装node.js2.安装vue及依赖包安装好node.js后,就已经安装了npm。但是直接使用npm下载组件会很慢,我们首先安装淘宝镜像。 一下命令都是通过打开cmd控制台里面运行,除了特
转载
2024-05-17 06:23:22
14阅读
谈谈你对Vue的理解1.它是一个渐进式JavaScript框架
2.核心库加插件
3.动态创建用户界面
4.使用MVVM模式
5.代码简洁 体积小 能够提高运行效率
6.适合PC端和移动端的开发
7.可以轻松引入vue插件以及其他第三方库进行开发Vue的优缺点vue两大特点:响应式编程、组件化。vue的优势:轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快。vu
原创
精选
2022-09-28 20:28:00
222阅读
1、v-show 和 v-if的区别,v-show 和 keep-alive 的区别 答案:v-show是 CSS display 控制显示和隐藏 v-if 是组件真正的渲染和销毁,而不是显示和隐藏 频繁切换显示状态用 v-show,否则用 v-if keep-alive 是在vue 框架层级进行的
原创
2021-07-08 09:10:15
626阅读
1、Vue 的双向数据绑定原理是什么? 2、详细说一下你对 vue 生命周期的理解? 3、请说下封装 vue 组件的过程? 4、你怎么理解 vue 是一个渐进式的框架? 答:1.开发的时候需要什么就加什么。我们可以通过添加组件系统、客户端路由、大规模状态管理来构建一个完整的框架。更重要的是,这些功能
原创
2022-01-21 10:55:13
208阅读