vue 中父组件如何触发子组件的函数,子组件如何触发父组件的函数
父组件中获取子组件函数:
c
h
i
l
d
r
e
n
、
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 事件回调,然而,挂载阶段还没有开始,
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.
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。已收录了每日更新的面试题的所有内容,还包含特色的解锁屏幕复习面试题、每日编程题目邮件推送等功能。让你在面试中先人一步,吊打面试官!
也可以扫描下方二维码使用小程序,查看更多面试题,欢迎关注!