美文网首页
vue-cli安装以及脚手架下 组件之间的通信

vue-cli安装以及脚手架下 组件之间的通信

作者: 18fa100a8459 | 来源:发表于2018-05-31 18:18 被阅读0次

一、父到子之间的通信(通过props)

1.理解什么是父组件和子组件,如图所示:

图1

解释图1:图1中向子组件传的值是一个字符串,当然也可以传父组件data里面的数据,这是记得加“:”

2.如何传值,如图所示

图二

二、子到父之间的通信(自定义事件)

1.在子组件的代码:

图三

2.父组件的代码:

图四

三、子到子之间的通信(新建vue实例)


1.在一个新的js文件中去创建一个vue实例


图五

2.假设two.vue是传送方,one.vue是接受方

那么在送方的代码如图所示:

图六

接受方的代码如下:

图七

四、脚手架安装代码步骤

相关文章

网友评论

      本文标题:vue-cli安装以及脚手架下 组件之间的通信

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