vue methods 函数调用mounted_vue中组件通信的方式

我看了网上的博客，觉得不是特别详细，我也说说组件通信的方式，分别是父传子、子传父、兄弟传值！

父传子：

父组件App.vue中定义一个自定义属性title，然后在子组件中用props进行接收，最后用{ { title }}渲染页面

父组件App.vue代码：

<template>

<div id="app">

<big :title="msg"></big>

<smal></smal>

</div>

</template>

<script>

import Big from './components/Big'

import Smal from './components/Small'

export default {

name: 'App',

data() {

return {

msg:'吴刚'

}

},

components:{

Big,

Smal

},

}

</script>

<style>

#app {

font-family: 'Avenir', Helvetica, Arial, sans-serif;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

text-align: center;

color: #2c3e50;

}

</style>

子组件Big.vue代码:

<template>

<div>

big{ { title }}

<button>传值</button>

</div></