https://www.axihe.com/edu/ask.html
一、组件传值(props down , events up)
https://www.jianshu.com/p/af9cb05bfbaf
https://zhuanlan.zhihu.com/p/80913683
1、父传子:props
2、子传父:
- this.$emit()
- 通过 callback 函数
- 通过 $parent / $children 或 $refs 访问组件实例
3、兄弟组件之间传值
还是通过 $emit 和 props 结合的方式
使用 vuex
2、keep alive https://www.jianshu.com/p/9523bb439950
keep-alive是Vue.js的一个内置组件。它会缓存不活动的组件实例,而不是直接将其销毁,它是一个抽象组件,不会被渲染到真实DOM中,也不会出现在父组件链中。它提供了include与exclude属性,允许组件有条件地进行缓存,其中exclude的优先级比include高,max最多可以缓存多少组件实例。
3、路由:
vue-rooter导航钩子:https://blog.csdn.net/weixin_43392489/article/details/109007507
单页面应用缺点,跳转
单页面应用(spa)
概念:只有一个html页面,所有跳转方式都是通过组件切换完成的。
优点:页面之间跳转流畅、组件化开发、组件可复用、开发便捷、易维护。
缺点:首屏加载较慢,加载整个项目中使用的css、js,SEO优化不好
多页面应用(mpa)
概念:整个项目有多个html,所有跳转方式都是页面之间相互跳转的。
优点:首屏加载较快,只加载本页所使用的的css、js,SEO优化较好。
缺点:页面跳转较慢。
https://zhuanlan.zhihu.com/p/220491404以下:
4、mvvm的原理
5、说一下响应式数据的原理
6、vue是如何检测数组变化的
7、为何vue要采用异步渲染
8、nextTick的实现原理
9、 vue中computed的特点
10、watch中的deep:true是如何实现的
11、vue组件的生命周期
12、ajax请求放在哪个生命周期函数中
13、何时需要使用beforeDestroy
14、vue中模板编译原理
15、vue中v-if 和 v-show的区别
16、为什么v-for和v-if不能连用
18、用vNode描述一个dom结构
19、diff算法的时间复杂度
20、简述vue当中diff算法的原理