vue插槽传参(vue传参方法)

vue插槽传参(vue传参方法)div id navCategory div vue2 父组件 子组件 vue3 父组件 子组件 vue2 vue2 v mode 是 value msg input msg event 的语法糖 父组件 子组件 vue3 vue3 v mode 是

大家好,我是讯享网,很高兴认识大家。



 <div id="navCategory"></div> 

讯享网

vue2

父组件

子组件

vue3

父组件

子组件

vue2

vue2 v-mode 是 :value="msg" @input="msg=$event" 的语法糖

父组件

子组件

vue3

vue3 v-mode 是 :modelValue="msg" @update:modelValue="msg=$event" 的语法糖

父组件

子组件

  • $root 获取根组件
  • $parent 获取父组件


    讯享网

  • $children 获取子组件(所有的子组件,不保证顺序)
  • $refs 组件获取组件实例,元素获取元素

  • vue2

父组件

子孙组件

  • vue3

父组件

子孙组件

event-bus

mitt

vuex

声明

使用

pina

声明

使用

this.$router 相当于一个全局的路由器对象,包含了很多属性和对象(比如 history 对象),任何页面都可以调用其 push(), replace(), go() 等方法。

this.$route 表示当前路由对象,每一个路由都会有一个 route 对象,是一个局部的对象,可以获取对应的 name, path, params, query 等属性。

params

query

path

meta

将属性挂载到window对象

LocalStorage

SessionStorage

到此这篇关于Vue组件传参11种方式的文章就介绍到这了,更多相关Vue组件传参方式内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

小讯
上一篇 2025-06-08 23:41
下一篇 2025-04-18 15:33

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/187038.html