vue面试题
爱嘤嘤嘤斯坦...
不是一般的般,而是贼酷的酷!
展开
-
Vue项目中../路径./路径@/路径~@/路径的区别
Vue项目中../路径./路径@/路径~@/路径的区别原创 2023-02-16 13:50:32 · 770 阅读 · 0 评论 -
vue组件中data为什么是一个函数?
1.data如果不是一个函数,它是引用类型,每次都会指向同一片内存区域,这样的话,数据会被影响/污染。2.data如果是个函数,这样每次实例出来的返回值都是个对象,指向的是一个独立空间的内存区域,数据之间不会被影响。...原创 2021-07-16 11:52:00 · 109 阅读 · 0 评论 -
Vue的单向数据流
1.数据从父级组件传递给子组件,只能单向绑定。2.子组件内部不能直接修改从父级传递过来的数据。3.所有的prop都使得其父子prop之间形成了一个单向下行绑定:父级prop的更新会向下流动到子组件中,但是反过来不行。每次父级组件发生更新时,子组件中所有的prop都将会刷新为最新的值。这意味着你不应该在子组件内部改变prop。...原创 2021-07-13 09:06:21 · 103 阅读 · 0 评论 -
nextTick原理及应用场景
就是在这个函数中修改了值,然后还想再该函数使用修改后的值就使用到了这个方法为了在数据变化之后等待vue完成更新DOM可以在数据变化之后立即使用vue.nextTick(callback).这样回调函数在DOM更新完成后就会调用。在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的DOM。在Vue生命周期的created()钩子函数进行DOM操作一定要放到vue.nextTick()回调函数中。created()钩子函数执行的时候,DOM其实并未进行任何渲染。所以此处原创 2021-07-05 21:30:27 · 5922 阅读 · 0 评论 -
vue生命周期及钩子函数
它可以总共分为8个阶段:创建前/后,载入前/后,销毁前/后。1.beforeCreate:在new一个vue实例后,只有一个默认的生命周期钩子和默认事件,其他的东西都还没创建。在beforeCreate生命周期执行的时候,data和methods中的数据都还没有初始化。不能在这个阶段使用data中的数据和methods中的方法。created:data和methods都已被初始化好了,如果要调用methods中的方法,或者操作data中的数据,最早可以再这个阶段中操作。2.beforeMount原创 2021-07-05 20:41:46 · 123 阅读 · 2 评论 -
vue组件通信
Vue 组件间通信主要指以下 3 类通信:父子组件通信、隔代组件通信、兄弟组件通信,下面我们分别介绍每种通信方式:(1)props / $emit : 父子组件通信(2)ref: 适用 父子组件通信(3)EventBus ($emit / $on): 适用于 父子、隔代、兄弟组件通信(4)$root:集中管理,适用于所有场景(5)Vuex 适用于所有场景...原创 2021-07-05 19:42:51 · 56 阅读 · 0 评论 -
vue面试题 说说你对 SPA 单页面的理解,它的优缺点分别是什么?
1)、首先:SPA的英文是single-page application ,也就是说整个项目中只有一个页面。单页面应用的实现思路: 就是在 Web 页面初始化时加载所有的 HTML、JavaScript 和 CSS,页面的内容的变化,靠动态操作DOM。2)、其次:说说它的优点和缺点:它的优点有三点:第一点:局部刷新。用户体验好、快,内容的改变不需要重新加载整个页面。第二点:服务器的压力小。基于上面一点,SPA 对服务器的压力小;第三点:前后端职责分离。架构清晰,前端进行交互逻原创 2021-07-03 14:52:41 · 648 阅读 · 1 评论 -
Vue面试题 v-show 与 v-if 有什么区别?
相同点: v-show和 v-if都是 控制 dom元素的显示和隐藏的。不同点: 1、实质本质方法不同:v-show是通过控制元素的样式属性display的值,来完成显示和隐藏; v-if是通过对dom元素的添加和删除,完成显示和隐藏2、使用场景:由原理(做法)得出使用场景的区别v-show:使用在dom元素频繁切换的场景 v-if:当dom元素的切换不频繁,可以使用。特别是,首次元素处于隐藏的情况下。3、性能v-if:有更高的切换消耗(安全性高)v-show:有...原创 2021-07-03 14:46:58 · 147 阅读 · 0 评论