首页 > 其他分享 >Vue面试题-组件间通信方式

Vue面试题-组件间通信方式

时间:2022-08-15 17:34:53浏览次数:61  
标签:面试题 Vue 间通信 Vue3 组件 废弃 children

父子组件:

  • props(父传子)
  • $emit/$on(子传父)
    •  $on已被Vue3废弃
  • $parent/$children
    • $children已被Vue3废弃
  • ref

隔代组件:

  • 透传:$attrs/$listeners
    • $listners已被Vue3废弃
  • Vuex
  • provide+inject组合api(Vue3)
  • eventBus(Vue3不推荐使用)

 

标签:面试题,Vue,间通信,Vue3,组件,废弃,children
From: https://www.cnblogs.com/Mochenghualei/p/16589008.html

相关文章

  • 解决Vue报错Uncaught (in promise) NavigationDuplicated: Avoided redundant navigat
         有效的解决方法如下:(亲测有效)方法一:在router文件夹下,添加如下代码:Vue.use(Router)constrouter=newRouter({routes})constVueRouterPush......
  • 【java面试题】final
    【java面试题】final final的作用final的含义是最终的修饰类:表示类不可被继承修饰方法:表示方法不可被子类重写,但是可以重载修饰变量:表示变量一旦被赋值就不......
  • web和vue-cli
    1、什么是WebpackWebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包......
  • Vue 检测数据
    主要逻辑类似:<script>letdata={name:'name',address:'address',};//创建了一个监视对象,监视data属性的变化constobs=ne......
  • 加载远程vue文件 vue3-sfc-loader
    需求项目在写一些需求的时候,现场可能会有些变动,但是不想从新打包,这种情况可以考虑单独不打包的vue文件注意vue2import{loadModule}from'vue3-sfc-loader/dist/vue2......
  • VUE+Django前后端分离-第二部分
    四、前端layout及页面跳转1、在src/components目录下创建HeaderAsideMainHeader.vue:<template><header><div><h1style="margin-to......
  • 通过网页形式创建vue
      命令:npmui  在终端输入vueui进入网页    即可进行创建......
  • VUE+Django前后端分离-第一部分
    一、创建django项目1、创建django项目在指定目录下,用django-adminstartprojectdjango_vue创建Django项目2、在django项目下创建应用 2.1在django_vue目录下通过命......
  • vue源码阅读---vm实例上的属性
     vnode.$attrs:vnode.$slot:组件实例里插槽的内容;组价开始标签和组件结束标签里包裹的内容;vnode.children:普通元素组件的子节点;  vnode.componentInstacne:指向组件......
  • 【java面试题】 == 和 equals
    【java面试题】==和equals "=="比较的机制:==对比的是栈中的值基本数据类型是变量值,也就是inti=1;在栈中存放的是i=1,==比较的也是这个数值1引用类型是堆中......