当前位置:网站首页 > Vue.js开发 > 正文

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



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组件传参方式内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

到此这篇vue插槽传参(vue传参方法)的文章就介绍到这了,更多相关内容请继续浏览下面的相关 推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • ueditor最新版本(ueditor1.5)2026-04-12 23:27:07
  • vue的钩子函数和生命周期详解(vue钩子函数的作用)2026-04-12 23:27:07
  • spss27.0软件下载(spss22软件下载官方)2026-04-12 23:27:07
  • 卡巴斯基7.0破解版(卡巴斯基2020破解)2026-04-12 23:27:07
  • pcie5.0电源和ATX3.0区别(pcie 3.0供电)2026-04-12 23:27:07
  • vue插槽用法(Vue插槽用法)2026-04-12 23:27:07
  • de4dot反编译vue(vdex反编译)2026-04-12 23:27:07
  • jquery跨域请求(jquery jsonp跨域)2026-04-12 23:27:07
  • vue路由守卫应用场景(vue3.0路由守卫)2026-04-12 23:27:07
  • 前端的工程化(前端工程化:基于 Vue.js 3.0 的设计与实践)2026-04-12 23:27:07
  • 全屏图片