Vue3-js 学习笔记

目录

• reactive 数据绑定
• 事件绑定
• 生命函数周期
• 计算属性-computed
• props
• emit-自定义事件
• ref-获取元素及子组件
• watch
• vue3-组件通信
• reactive-ref-区别

前言

优秀的教程

• vue3 官网

reactive 数据绑定

事件绑定

生命函数周期

onMounted

计算属性-computed

computed (只要监听的那个数据改变，就会重新计算)

props

emit-自定义事件

emit 传值-注意这里的事件生命使用小写加-

ref-获取元素及子组件

ref 注意-相比 vue2.x 有很大的改变--ref 和 reactive 差别-ref 线

watch

vue3-组件通信

父组件获取子组件数据和调用子组件方法

• props-破软丝 (传值)
• ref-瑞府 （调用子组件的方法）

子组件通信父组件

• props
• emit

reactive-ref-区别