尝试Vue3.0

Composition API 纯函数式 




    
    Title


  

Tree-shaking 按需引入 工具函数 // 可以根据所需要的的API引入 


新增响应式数据监听API // reactive effect 主要用来实现跨组件之间状态共享
reactive 监听数据的5个状态

尝试Vue3.0_第1张图片

effect 初始化触发一次 数据改变触发一次

尝试Vue3.0_第2张图片

 
 
触发组件更新 用于排查 // onRenderTriggered 返回触发视图更新的事件对象

尝试Vue3.0_第3张图片

props传值 以及子组件调用父组件方法
// 传递

尝试Vue3.0_第4张图片

 
 

   // 接收

尝试Vue3.0_第5张图片

props为proxy对象 内置父组件传递的值以及方法 方法可以直接调用 可传递参数 

context为上下文对象

尝试Vue3.0_第6张图片

尝试Vue3.0_第7张图片

参考React Hooks (Experimental Hooks) 逻辑复用机制 及Vue Hooks 用于取代mixins

你可能感兴趣的:(尝试Vue3.0)