Vue
文章平均质量分 82
晚时之秋
好看的皮囊千篇一律,有趣的灵魂万里挑一
展开
-
请描述下你对vue生命周期的理解?
created是在组件实例一旦创建完成的时候立刻调用,这时候页面dom节点并未生成;mounted是在页面dom节点渲染完毕之后就立刻执行的。触发时机上created是比mounted要更早的,两者的相同点:都能拿到实例对象的属性和方法。讨论这个问题本质就是触发的时机,放在mounted中的请求有可能导致页面闪动(因为此时页面dom结构已经生成),但如果在页面加载前完成请求,则不会出现此情况。Vue生命周期总共可以分为8个阶段:创建前后, 载入前后,更新前后,销毁前销毁后,以及一些特殊场景的生命周期。原创 2023-03-13 09:18:52 · 112 阅读 · 0 评论 -
Vue常用的修饰符有哪些有什么应用场景?
相应的代码会以同样的顺序产生。因此,用 v-on:click.prevent.self 会阻止所有的点击,而 v-on:click.self.prevent 只会阻止对元素自身的点击。在移动端,当我们在监听元素滚动事件的时候,会一直触发onscroll事件会让我们的网页变卡,因此我们使用这个修饰符的时候,相当于给onscroll事件整了一个.lazy修饰符。在Vue中,修饰符处理了许多DOM事件的细节,让我们不再需要花大量的时间去处理这些烦恼的事情,而能有更多的精力专注于程序的逻辑处理。原创 2022-12-10 09:19:58 · 221 阅读 · 0 评论 -
为什么data属性是一个函数而不是一个对象?
vue实例的时候定义data属性既可以是一个对象,也可以是一个函数el : "#app" , // 对象格式 data : {foo : "foo" } , // 函数格式 data() {return {组件中定义data属性,只能是一个函数如果为组件data直接定义为一个对象template : ` < div > 组件 < / div > ` , data : {则会得到警告信息警告说明:返回的data应该是一个函数在每一个组件实例中。原创 2022-12-10 08:55:58 · 109 阅读 · 0 评论 -
说说你对Object.defineProperty()的理解?
Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。原创 2022-12-08 19:24:59 · 179 阅读 · 0 评论 -
说说你对vue的mixin的理解,有什么应用场景?
我们只要将共用的功能以对象的方式传入 mixins选项中,当组件使用 mixins对象时所有mixins对象的选项都将被混入该组件本身的选项中来。在日常的开发中,我们经常会遇到在不同的组件中经常会需要用到一些相同或者相似的代码,这些代码的功能相对独立。但是如果相同选项为生命周期钩子的时候,会合并成一个数组,先执行mixin的钩子,再执行组件的钩子。当组件存在与mixin对象相同的选项的时候,进行递归合并的时候组件的选项会覆盖mixin的选项。这时,可以通过Vue的mixin功能将相同或者相似的代码提出来。原创 2022-12-08 19:15:35 · 139 阅读 · 0 评论 -
web前端面试题(面试题大全)
常见面试题(1)常见面试题(2)常见面试题(3)常见面试题(4)常见面试题(5)常见面试题(6)常见面试题(7)常见面试题(8)原创 2022-12-03 12:26:56 · 909 阅读 · 2 评论