vue3学习笔记记录

基础学习笔记记录

学习内容：

例如：
1 基本结构
script ：封装的组件，组件的JavaScript行为
template：组件模板结构（必不可少）
style：组件样式、自定义模块
例：

2 组件中常用的通讯方式：props、emits
defineprops()
明确外部接收的数据属性,用于声明子组件期望从父组件接收的props的属性类型\验证的规则等。
例：

defineemits()
明确组件触发的事件，子组件触发了某件事情或者内部的数据有了变化，父组件监听这个事件，并做出相应的反应。emit触发事件子组件给父组件传值,
例：

3 console.log(XXX)，打印xxx的值
4 $attrs透传非响应式对象,
5 slots插槽,expose()暴露公众属性
6 v-model\input\textarea\select
v-model内置API指令，数据向下，事件向上
7 ref() 在setup函数中用于创建响应式数据，自动更新视图层。
8 xxx.value逻辑中操作数据
9 export default 导出方法，导出一个组件选项对象，export default class定义组件
下一章介绍：
 promise
 async/await
 前后端交互接口
 前段调用后端接口方式