![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue3学习记录
Redundantº
这个作者很懒,什么都没留下…
展开
-
Vue3学习记录
vue3学习记录原创 2023-06-13 19:03:43 · 91 阅读 · 0 评论 -
slot插槽
3.作用域插槽:就是可以传递数据的插槽,子组件可以将数据会传给父组件,父组件可以决定这些回传的数据以何种结构或者外观在子组件中去展示。vue3中的插槽有普通插槽,具名插槽和作用域插槽。子组件中需要使用插槽的地方使用slot标签。子组件中:(在slot标签中传递数据)父组件中:(使用v-slot接收)原创 2023-06-13 13:14:21 · 42 阅读 · 0 评论 -
pinia实现组件间的通信(状态管理)
核心概念:state,mutations,actions.getters,modules。核心概念:state.actions,getters。新建strore仓库,在main.ts中引入并使用。:集中式状态管理容器,可以实现任意组件之间的通信。:集中式管理状态容器,可以实现任意组件之间的通信。pinia选择式api:(写法类似于vuex)原创 2023-06-13 10:44:18 · 786 阅读 · 0 评论 -
ref与$parent
在父组件中通过defineExpose把数据暴露出来,在子组件中使用时用$parent。如果想让外部访问需要通过defineExpose方法对外暴露。ref可以获取真实的dom节点,可以获取到子组件实例VC。$parent可以再子组件内部获取到父组件的实例。子组件中获取父组件的方法和数据使用$parent。父组件中使用子组件时给子组件绑定ref。组件内部数据对外是关闭状态。原创 2023-06-12 16:48:23 · 67 阅读 · 0 评论 -
provide与inject实现组件间的传值
两个参数:第一个参数就是提供的数据key,第二个参数是祖先组件提供数据。需要参数:即为祖先提供数据的key。后代组件中使用inject接收。祖先组件给后代组件提供数据。注入祖先组件提供数据。原创 2023-06-12 18:19:51 · 90 阅读 · 0 评论 -
useAttrs接收数据
vue3原创 2023-06-12 15:23:21 · 109 阅读 · 0 评论 -
Vue3组件传值
子组件中使用defineProps接收数据,defineProps是vue3提供的方法,接收到的数据是只读的。使用setup组合式api就不能使用export default{}在子组件中利用defineEmits方法里返回函数触发自定义事件。父组件中通过子组件的自定义方法接收数据。原创 2023-06-08 17:24:53 · 445 阅读 · 0 评论