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

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

父组件中获取子组件函数：children、children、children、refs
子组件中获取父组件函数：$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 事件回调，然而，挂载阶段还没有开始，el属性目前还不可见mounted：el被新创建的vm.el替换，并挂载到实例上去之后调用该钩子如果root实例挂载了一个文档内元素，当mounted被调用时vm.el 属性目前还不可见 mounted：el被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el属性目前还不可见mounted：el被新创建的vm.el替换，并挂载到实例上去之后调用该钩子如果root实例挂载了一个文档内元素，当mounted被调用时vm.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。已收录了每日更新的面试题的所有内容，还包含特色的解锁屏幕复习面试题、每日编程题目邮件推送等功能。让你在面试中先人一步，吊打面试官!
也可以扫描下方二维码使用小程序，查看更多面试题，欢迎关注！