锁屏面试题百日百刷-VUE篇(一)

vue 中父组件如何触发子组件的函数,子组件如何触发父组件的函数

父组件中获取子组件函数: c h i l d r e n 、 children、 childrenrefs
子组件中获取父组件函数:$on

vue-router 有哪几种导航钩子

1.全局钩子 作用:跳转前进行判断拦截。
2.组件级的
3.单个路由独享的

  • 全局导航钩子
    router.beforeEach(to, from, next),
    router.beforeResolve(to, from, next),
    router.afterEach(to, from ,next)

  • 组件内钩子
    beforeRouteEnter,
    beforeRouteUpdate,
    beforeRouteLeave

  • 单独路由独享组件
    beforeEnter

对 vue 了解多少,什么是 Vuex、 VueRouter;如何避免 Vuex 中的函数造成全局污染?

vuex 为状态管理,它集中存储管理应用的所有组件的状态,可以理解成一个全局仓库。
VueRouter是路由(spa)单页面应用的方式
避免全局污染:
1.唯一变量:将变量都挂载到同一个命名空间下
2.使用闭包

什么是 spa 应用,spa 页面和传统的页面有什么区别?

是一种特殊的 Web 应用。
它将所有的活动局限于一个Web页面中,仅在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成了,SPA不会因为用户的操作而进行页面的重新加载或跳转。
好处:
①.用户体验好、快,内容的改变不需要重新加载整个页面,避免了不必要的跳转和重复渲染
②.基于上面一点,SPA相对对服务器压力小

简述在 vue.js 中使用插件的步骤

采用 ES6 的 import … from … 语法或 CommonJS 的 require()方法引入插件
使用全局方式 Vue.use( plugin ) 使用插件,可以传入一个选项对象 Vue.use(MyPlugin,{ someOption:true })
如何使用懒加载插件:
Vue.use(VueLazyload, {
loading: require(‘common/image/default.png’)
})

请列举出3个Vue中常用的生命周期钩子函数

created:实例已经创建完成之后调用,在这一步,实例已经完成数据观测,属性和方法的运算,watch/event 事件回调,然而,挂载阶段还没有开始, e l 属 性 目 前 还 不 可 见 m o u n t e d : e l 被 新 创 建 的 v m . e l 替 换 , 并 挂 载 到 实 例 上 去 之 后 调 用 该 钩 子 如 果 r o o t 实 例 挂 载 了 一 个 文 档 内 元 素 , 当 m o u n t e d 被 调 用 时 v m . el 属性目前还不可见 mounted:el被新创建的 vm.el 替换,并挂载到实例上去之后调用该钩子如果 root 实例挂载了一个文档内元素,当 mounted 被调用时 vm. elmountedelvm.elrootmountedvm.el 也在文档内。
activated:keep-alive组件激活时调用
232.vue.js 中引入组件有几种方式?分别简述步骤
两种:采用 ES6 的 import … from … 语法或 CommonJS 的 require() 方法引入组件
步骤:先注册,再使用
//注册

Vue.component( 'my-component',{
    template:'<div> hello world!!</div>'
})

//使用组件

<my-component></my-component>

锁屏面试题百日百刷,每个工作日坚持更新面试题。锁屏面试题app、小程序现已上线,官网地址:https://www.demosoftware.cc/#/introductionPage。已收录了每日更新的面试题的所有内容,还包含特色的解锁屏幕复习面试题、每日编程题目邮件推送等功能。让你在面试中先人一步,吊打面试官!
也可以扫描下方二维码使用小程序,查看更多面试题,欢迎关注!

在这里插入图片描述在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值