组件通讯
父传子: props / $emit
子传父: $emit / $on
多级组件之间传递数据: $attrs / $listeners
父子通信: 父向子传递数据是通过 props,子向父是通过 events( $emit);
通过父链 / 子链也可以通信( $parent / $children);ref 也可以访问组件实例;
provide / inject API; a t t r s / attrs/attrs/listeners
· 兄弟通信: Bus;Vuex
· 跨级通信: Bus;Vuex;provide / inject API、 attrs / attrs/attrs/listeners
父子组件生命周期渲染过程
首次加载:先父组件create初始化创建js模型,然后子组件创建js模型
子组件渲染完之后,父组件再渲染
创建实例是从外到内的,渲染是从内到外的
加载渲染:
父beforeCreate —> 父created —> 父beforeMount —> 子beforeCreate —> 子created —> 子beforeMount —> 子mounted —> 父mounted
更新阶段:父beforeUpdate —> 子beforeUpdate —> 子updated —> 父updated 销毁:
父beforeDestroy —> 子beforeDestroy —> 子destroyed —> 父destroyed
Vue响应式原理
响应式:当数据改变后,Vue会通知使用该数据的代码
比如说:视图渲染使用了一个数据
那么当这个数据改变后,视图会响应式的自动更新
Vue 它是通过那个Object.defineProperty() 来更新定义 data中的所有属性
结束语
🔥推荐一款模拟面试、刷题神器网站
点击链接注册即可
1、算法篇(398题):面试必刷100题、算法入门、面试高频榜单
2、SQL篇(82题):快速入门、SQL必知必会、SQL进阶挑战、面试真题
3、大厂笔试真题:字节跳动、美团、百度、腾讯…