{{getToday()}} //在template中直接使用声明的变量、函数以及import引入的内容 {{ msg }}
登录后复制
标准组件 {{getToday()}} {{ msg }}
登录后复制
小结：
登录后复制
（script-setup标签最终都会编译成setup()函数的内容，每次实例化组件，就是实例化一次setup函数。script标签里面的setup函数也是一样每次实例化组件，就是实例化一次setup函数，但是script标签setup是需要写在export default{}内的，外的只是首次引入的时候执行一次）
子组件：
中可以直接使用父组件传递的props （可省略props.）
子组件父组件传递的值：{{title}}
子组件向父组件传递数据（子组件向外暴露数据）
子组件代码:
子组件
父组件代码:
父组件接收子组件传递的数据{{childData}}
父组件代码:
父组件
useSlots和useAttrs（少用，由于大部分人是SFC模式开发，在通过
如果需要在script-setup中使用slots和attrs需要用useSlots和useAttrs替代
需要引入：import { useSlots ,useAttrs } form 'vue'
在中通过$slots和$attrs来访问更方便（attrs用来获取父组件中非props的传递到子组件的参数/方法，attrs 用来获取父组件中非props的传递到子组件的参数/方法，attrs用来获取父组件中非props的传递到子组件的参数/方法，slots可以获取父组件中插槽传递的虚拟dom对象，在SFC模式应该用处不大，在JSX /TSX使用比较多）
父组件:
默认插槽 具名插槽
子组件：
{{ attrs.msg == $attrs.msg }}
{{ slots == $slots }}
useSlots或许在JSX/TSX下更实用
想使用JSX语法在vite需要下载相关jsx的plugins才能识别jsx
useSlots 可以获取父组件传递过来插槽的虚拟dom对象，可以用来渲染插槽内容
大部分人是SFC模式开发，在通过
访问路由实例组件信息：route和router
setup里不能访问this，不能再直接访问this.$router或this.$route。（getCurrentInstance可以替代this但不推荐）
推荐：使用useRoute函数和useRouter函数替代this.$route和this.$router
