vuejs传参向子组件父组件_Notes14组件化父子组件的通信

点击二白夫人

不许错过我

组件化

••••

操作软件:Webstorm

插件&＃xff1a;vue.js  //从官网下载https://cn.vuejs.org/v2/guide/installation.html

1

组件可以访问实例数据吗&＃xff1f;

结论&＃xff1a;Vue组件应该有自己保存数据的地方。

数据存放在data(){

return{ 

}

}            

//这里的data是一个函数&＃xff0c;而且这个函数返回一个对象&＃xff0c;对象内部保存数据。

父子组件的通信

如何进行父子组件间的通信呢&＃xff1f;

1、 通过props向子组件传递数据&＃xff1b;properties(属性)

2、 通过事件向父组件发送信息。emit

props基本用法&＃xff1a;

props的值有两种方式&＃xff1a;

方式一&＃xff1a;字符串数组&＃xff0c;数组中的字符串就是传递时的名称&＃xff1b;

方式二&＃xff1a;对象&＃xff0c;对象可以设置传递时的类型&＃xff0c;也可以设置默认值等。

/span>html>lang&＃61;"en">charset&＃61;"UTF-8">Title

总结

项目

Npm install

Npm  run  server

父子组件的访问方式&＃xff1a;$children

父组件访问子组件&＃xff1a;使用$children或者$refs (引用)//用的很多  默认是空对象。组件访问父组件&＃xff1a;使用$parent

This.$cildren 是一个数组类型&＃xff0c;它包含所有子组件对象

扫一扫

关注我们

注&＃xff1a;图片来源网络