美文网首页
vue 优雅的动态组件的通信(单个子组件被多次共用的特殊情况)

vue 优雅的动态组件的通信(单个子组件被多次共用的特殊情况)

作者: 大山的那边 | 来源:发表于2018-05-24 15:51 被阅读0次

语法:

<conponent   :is='data中声明的变量字符串' @子组件要触发的事件=‘事件名字’></component>

这种情况下,有一个bug,

假设我在子组件的cereated 中监听父组件传过来参数,这样假设共用这个组件,只是每次传值不一样的话,这样是监听不到父组件的传过来的

参数值。这样就需要我们在子组件的 watch中去做处理~

语法:

watch:

{

data中声明的变量或者props声明的变量: function (new,old)

{

 调用你的方法

}

}

相关文章

  • vue 优雅的动态组件的通信(单个子组件被多次共用的特殊情况)

    语法:

  • VUE03

    Vue组件 组件的创建 组件的指令以及事件绑定 父子组件创建 父子组件通信 兄弟组件的传值 动态组件

  • 创建单页应用

    Vue.js + Vue Router 创建单页应用, 使用vuex还管理组件间的通信。 State:存放组件之间...

  • vue优雅使用技巧(一)

    vue优雅使用 1. 高频组件全局引入 使用Vue.use()方法弊端: 需要多次import 引入组件 使用re...

  • Vue组件通信

    Vue组件通信 Vue组件关系可分为三大类: 父子组件 兄弟组件 跨级组件, 相应的组件之间的通信也分类三大类: ...

  • 不能再简单的vue 父子组件间通信

    对于初学vue的同学,遇到的一个问题就是父子组件间如何通信。父组件调用一个子组件,父组件的属性如何能够传递给子组件...

  • Vue相关知识点

    1、vue父子组件之间的通信 在vue组件通信中其中最常见通信方式就是父子组件之中的通性,而父子组件的设定方式在不...

  • vue组件之间通信

    vue 组件之间通信 vue组件之间通信方式: 1.父组件通过props向下传数据给子组件,子组件通过$emit事...

  • 【Vue】组件通信(任意通信)

    本节所需的基础知识: 【Vue】组件通信(父传子props) 【Vue】组件通信(子传父$emit) 任意组件相互...

  • Vue如何实现组件通信?

    Vue组件通信的三种情况: 父子通信 爷孙通信 兄弟通信 父子通信:父组件使用Prop向子组件传递数据,子组件通过...

网友评论

      本文标题:vue 优雅的动态组件的通信(单个子组件被多次共用的特殊情况)

      本文链接:https://www.haomeiwen.com/subject/mzesjftx.html