摘要: created和mounted的区别 created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。 mounted:在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作。 vue-cli 工程常用的 npm 命令有哪些 下载 nod 阅读全文
posted @ 2022-09-26 07:59 bb_xiaxia1998 阅读(35) 评论(0) 推荐(0)
摘要: Vue组件data为什么必须是个函数? 根实例对象data可以是对象也可以是函数 (根实例是单例),不会产生数据污染情况 组件实例对象data必须为函数 一个组件被复用多次的话,也就会创建多个实例。本质上,这些实例用的都是同一个构造函数。如果data是对象的话,对象属于引用类型,会影响到所有的实例。 阅读全文
posted @ 2022-09-26 07:55 bb_xiaxia1998 阅读(33) 评论(0) 推荐(0)
摘要: Vuex和单纯的全局对象有什么区别? Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。 不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) 阅读全文
posted @ 2022-09-25 09:54 bb_xiaxia1998 阅读(36) 评论(0) 推荐(0)
摘要: Vue中如何扩展一个组件 此题属于实践题,考察大家对vue常用api使用熟练度,答题时不仅要列出这些解决方案,同时最好说出他们异同 答题思路: 按照逻辑扩展和内容扩展来列举 逻辑扩展有:mixins、extends、composition api 内容扩展有slots; 分别说出他们使用方法、场景差 阅读全文
posted @ 2022-09-25 09:52 bb_xiaxia1998 阅读(61) 评论(0) 推荐(0)
摘要: Vue路由hash模式和history模式 1. hash模式 早期的前端路由的实现就是基于 location.hash 来实现的。其实现原理很简单,location.hash 的值就是 URL中 # 后面的内容。比如下面这个网站,它的 location.hash 的值为 '#search' htt 阅读全文
posted @ 2022-09-24 09:24 bb_xiaxia1998 阅读(126) 评论(0) 推荐(0)
摘要: Vue 中 computed 和 watch 有什么区别? 计算属性 computed: (1)支持缓存,只有依赖数据发生变化时,才会重新进行计算函数; (2)计算属性内不支持异步操作; (3)计算属性的函数中都有一个 get(默认具有,获取计算属性)和 set(手动添加,设置计算属性)方法; (4 阅读全文
posted @ 2022-09-24 09:14 bb_xiaxia1998 阅读(43) 评论(0) 推荐(0)
摘要: Vue-router 导航守卫有哪些 全局前置/钩子:beforeEach、beforeResolve、afterEach 路由独享的守卫:beforeEnter 组件内的守卫:beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave 对 SPA 单页面 阅读全文
posted @ 2022-09-23 12:17 bb_xiaxia1998 阅读(38) 评论(0) 推荐(0)
摘要: vue要做权限管理该怎么做?如果控制到按钮级别的权限怎么做 一、是什么 权限是对特定资源的访问许可,所谓权限控制,也就是确保用户只能访问到被分配的资源 而前端权限归根结底是请求的发起权,请求的发起可能有下面两种形式触发 页面加载触发 页面上的按钮点击触发 总的来说,所有的请求发起都触发自前端路由或视 阅读全文
posted @ 2022-09-23 12:10 bb_xiaxia1998 阅读(52) 评论(0) 推荐(0)
摘要: 说说你对slot的理解?slot使用场景有哪些 一、slot是什么 在HTML中 slot 元素 ,作为 Web Components 技术套件的一部分,是Web组件内的一个占位符 该占位符可以在后期使用自己的标记语言填充 举个栗子 <template id="element-details-tem 阅读全文
posted @ 2022-09-22 12:18 bb_xiaxia1998 阅读(108) 评论(0) 推荐(0)
摘要: 了解nextTick吗? 异步方法,异步渲染最后一步,与JS事件循环联系紧密。主要使用了宏任务微任务(setTimeout、promise那些),定义了一个异步方法,多次调用nextTick会将方法存入队列,通过异步方法清空当前队列。 Vue 组件间通信有哪几种方式? ​ Vue 组件间通信是面试常 阅读全文
posted @ 2022-09-22 12:15 bb_xiaxia1998 阅读(81) 评论(0) 推荐(0)