vue3 api笔记

注意api文档偏好switch按钮,切换到组合式
组件传递props规则，如下链接
https://cn.vuejs.org/guide/components/props.html#props-declaration

传递props，子触发父组件函数
https://cn.vuejs.org/guide/components/events.html#emitting-and-listening-to-events

讲述API 风格，如下链接
https://cn.vuejs.org/guide/introduction.html#api-styles

组合式api文档
https://cn.vuejs.org/api/composition-api-setup.html#setup-context
下面组合式开头，类似于jsx语法。
script setup

选项式script里面有一个export default

https://cn.vuejs.org/guide/components/props.html#prop-passing-details和下面内容差不多，选中左上角组合式api
组合式api父子之间传递props规则，注意和选项式api不一样
传函数给子组件 @onChange=“onChange”
<child @onChange=“onChange”/>
子触发方式两种
1
import { useAttrs} from ‘vue’
const attrs = useAttrs()
attrs.onOnchange(2)

2 const emit = defineEmits([ ‘onChange’]) //defineEmits全局方法
emit(‘onChange’, [1])

传常量字符串 可以不用:

其余变量或对象数组传递给子props都需加一个冒号
const state=reactive({
title:"加油“
})

子组件获取props
let props = defineProps({
title: {
type: String,
default: ‘加油’,
},
})
console.log(props.title)

依赖注入可以深层次传递props，不需一层一层传
https://cn.vuejs.org/guide/components/provide-inject.html#inject