没有特别的幸运,那么就特别的努力!!! 2020 前端面试题上 vue篇vue篇vue 双向绑定原理v-model 的原理Vue2.X通过Object.defineProperty() 与 Proxyscoped样式穿透三目运算符组件之间的传值通信axios拦截器怎么配自定义指令事件修饰符.lazy.number.trimvuexcomputed 和 watch vs methods区别filte
转载
2024-01-27 17:52:51
21阅读
过滤器的作用,如何实现一个过滤器根据过滤器的名称,过滤器是用来过滤数据的,在Vue中使用filters来过滤数据,filters不会修改数据,而是过滤数据,改变用户看到的输出(计算属性 computed ,方法 methods 都是通过修改数据来处理数据格式的输出显示)。使用场景:需要格式化数据的情况,比如需要处理时间、价格等数据格式的输出 / 显示。比如后端返回一个 年月日的日期字符串,前端需要
一、谈谈你对MVVM的理解?映射关系简化,隐藏controller MVVM在MVC的基础上,把控制层隐藏掉了。Vue不是一个MVVM框架,它是一个视图层框架。 ViewModal是一个桥梁,将数据和视图进行关联。二、谈谈你对Vue中响应式数据的理解?数组和对象类型的值变化的时候,通过defineReactive方法,借助了defineProperty,将所有的属性添加了getter和setter
文章目录1. Vue-Router 的懒加载如何实现2. 路由的hash和history模式的区别3. 如何获取页面的hash变化4. route和route 和rout
原创
2022-05-26 01:30:21
179阅读
(1)什么是mvvm? MVVM是Model-View-ViewModel的缩写。mvvm是一种设计思想。Model 层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑;View 代表UI 组件,它负责将数据模型转化成UI 展现出来,ViewModel 是一个同步View 和 Mode
转载
2019-04-10 11:50:00
93阅读
2评论
1.单页面应用与多页面应用的去别 2.简述一下Sass、Less,且说明区别? 他们是动态的样式语言,是CSS预处理器,CSS上的一种抽象层。他们是一种特殊的语法/语言而编译成CSS。变量符不一样,less是@,而Sass是$;Sass支持条件语句,可以使用if{}else{},for{}循环等等。
转载
2018-12-20 15:25:00
159阅读
文章目录1. Vue的基本原理2. 双向数据绑定的原理3. 使用 Object.defineProperty() 来进行数据劫持有什么缺点?4. MVVM、MVC程中把属性记录
原创
2022-05-26 01:31:46
242阅读
目录前言相关学习资源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
162阅读
Vue 面试面经总结一、vue 组件通信方式?Vue 的设计理念为单向数据流1. 父子组件通信1.1 prop1.1.1 基本用法<div id="app">
<child :content="message"></child>
</div>
let Child = Vue.extend({
template: `<h2>{{m
转载
2023-10-07 22:08:06
85阅读
文章目录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阅读
params和query的区别用法:query要用path来引入,params要用name来引入,接收参数都是类似的,分别是 this.$route.query.name 和 this.$route.params.name 。url地址显示:query更加类似于ajax中get传参,params则类似于post,说的再简单一点,前者在浏览器地址栏中显示参数,后者则不显示注意:query刷新不会丢失
转载
2024-05-08 11:33:42
60阅读
vue初始化页面闪动问题使用vue开发时,在vue初始化之前,由于div是不归vue管的,所以我们写的代码在还没有解析的情况下会容易出现花屏现象,看到类似于{{message}}的字样,虽然一般情况下这个时间很短暂,但是还是有必要让解决这个问题的。首先:在css里加上以下代码:[v-cloak] { display: none;}如果没有彻底解决问题,则在根元素加上style="displa
1、多个组件之间如何拆分各自的state,每块小的组件有自己的状态,它们之间还有一些公共的状态需要维护,如何思考这块(1)公共的数据部分可以提升至和他们最近的父组件,由父组件派发
(2)公共数据可以放到vuex中统一管理,各组件分别获取2、key主要是解决哪一类的问题,为什么不建议用索引index(重绘)(1)key的作用主要是为了高效的更新虚拟DOM
(2)当以index为key值时,如果数组长
转载
2024-06-08 15:49:31
73阅读
父子组件生命周期调用顺序 渲染顺序:先父后子,渲染完成顺序:先子后父 子组件在父组件的beforeMount和Mounted之间渲染 父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子moun ...
转载
2021-10-27 20:10:00
98阅读
2评论
谈谈你对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阅读
丰富的官方工具和插件,如 Vue Router 和 Vuex,支持多种开发需求。:实例已创建,数据观测和事件/侦听器已设置,可以访问数据,
原创
2024-10-22 15:07:31
31阅读
四、路由1. Vue-Router 的懒加载如何实现非懒加载:import List from '@/components/list.vue'
const router = new VueRouter({
routes: [
{ path: '/list', component: List }
]
})(1)方案一(常用):使用箭头函数+import动态加载const List =
1.先介绍下Vue的 ‘响应式系统’Vue为MVVM框架,当数据模型data变化时,页面视图会得到响应更新,其原理对data的getter / setter方法进行拦截(Object.defineProperty-Vue2.0 Proxy-Vue3.0 ),利用发布订阅的设计模式,在getter方法中进行订阅,在setter方法中发布通知,让所有订阅者完成响应。在
转载
2024-08-09 11:20:59
120阅读