vuejs父子组件通信的问题

父子组件之间可以通过props进行通信：

组件的定义：

1.创建component类：

var Profile = Vue.extend({

          template: "<div>Lily</div>"; 

        }) 

 2.注册一个tagnme:

Vue.component("me-profile",Profile);//全局注册

局部注册：

var vm = new Vue({

 el: "#todo",

 components: {

  "my-profile": Profile

 },

 ...

} 

模板注意事项：

 因为 Vue 就是原生的DOM，所以有些自定义标签可能不符合DOM标准，比如想在 table 中自定义一个 tr，如果直接插入 my-component 不符合规范，所以应该这样写：

<table>

 <tr is="my-component"></tr>

</table> 

在子组件中有一个this.$parent和this.$root可以用来方法父组件和跟实例。（但是不推荐）

Vue中子组件可以通过事件和父组件进行通信。向父组件发消息是通过this.$dispatch,而向子组件发送消息是通过this.$boardcast,这里都是向所有的父组件和子组件发送消息。

子组件:

props: {

       url: {

             type: Array,

             default: function() {

               return []        

             }

          } 

     }，

 methods: {

  add: function() {

   this.$dispatch("add", this.input); //这里就是向父组件发送消息

   this.input = "";

  }

 }　　

父组件：

data() {

     return {

      url:  .....

     } 

   }，

 events: {

  add: function(input) {

   if(!input) return false;

   this.list.unshift({

    title: input,

    done: false

   });

  }

 } 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# vue父子组件通信  # vue  # 组件  # props  # vue组件通信props  # Vuejs第十篇之vuejs父子组件通信  # Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信  # vuejs事件中心管理组件间的通信详解  # Vue.js每天必学之组件与组件间的通信  # 深入探讨Vue.js组件和组件通信  # Vue.js子组件向父组件通信的方法实例代码详解  # Vue.js 父子组件通信的十种方式  # Vue.js组件通信的几种姿势  # vue.js父子组件通信动态绑定的实例  # Vue.js组件间通信方式总结【推荐】  # vuejs中父子组件之间通信方法实例详解  # 可以通过  # 发送消息  # 自定义  # 不符合  # 都是  # 中有  # 大家多多  # 可以用来  # 发消息  # 如想  # 而向  # div  # gt  # extend  # template  # lt  # Lily  # profile  # vm  # el 

相关文章： 5种Android数据存储方式汇总  如何挑选高效建站主机与优质域名？  定制建站平台哪家好？企业官网搭建与快速建站方案推荐  开源网站制作软件,开源网站什么意思？  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么？  大连网站制作费用,大连新青年网站，五年四班里的视频怎样下载啊？  如何解决ASP生成WAP建站中文乱码问题？  魔毅自助建站系统：模板定制与SEO优化一键生成指南  如何生成腾讯云建站专用兑换码？  网站好制作吗知乎,网站开发好学吗？有什么技巧？  我的世界制作壁纸网站下载,手机怎么换我的世界壁纸？  定制建站是什么？如何实现个性化需求？  制作门户网站的参考文献在哪,小说网站怎么建立？  建站之星如何开启自定义404页面避免用户流失？  如何通过宝塔面板实现本地网站访问？  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办？  建站之星官网登录失败？如何快速解决？  如何在阿里云虚拟主机上快速搭建个人网站？  深圳防火门网站制作公司,深圳中天明防火门怎么编码？  如何用IIS7快速搭建并优化网站站点？  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去？  深圳网站制作费用多少钱,读秀，深圳文献港这样的网站很多只提供网上试读，但有些人只要提供试读的文章就能全篇下载，这个是怎么弄的？  宝塔面板如何快速创建新站点？  南平网站制作公司,2025年南平市事业单位报名时间？  如何快速上传自定义模板至建站之星？  公司网站的制作公司,企业网站制作基本流程有哪些？  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  如何通过多用户协作模板快速搭建高效企业网站？  电商平台网站制作流程,电商网站如何制作？  如何用已有域名快速搭建网站？  如何选择高效稳定的ISP建站解决方案？  建站之星代理平台如何选择最佳方案？  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  盐城做公司网站,江苏电子版退休证办理流程？  浅析上传头像示例及其注意事项  微课制作网站有哪些,微课网怎么进？  网站制作的步骤包括,正确网址格式怎么写？  如何在IIS管理器中快速创建并配置网站？  c# 在高并发场景下，委托和接口调用的性能对比  如何在阿里云虚拟服务器快速搭建网站？  美食网站链接制作教程视频,哪个教做美食的网站比较专业点？  C#如何序列化对象为XML XmlSerializer用法  南京网站制作费用,南京远驱官方网站？  建站之星多图banner生成与模板自定义指南  如何在橙子建站上传落地页？操作指南详解  香港服务器建站指南：免备案优势与SEO优化技巧全解析  如何挑选最适合建站的高性能VPS主机？  唐山网站制作公司有哪些,唐山找工作哪个网站最靠谱？  制作网站建设的公司有哪些,网站建设比较好的公司都有哪些？