vue组件间通信详细笔记
//vue里组件间通信：（父子、兄弟组件数据的传递方式）
//父组件向子组件传递：
//1、常见方式：利用属性传递数据；
//$attrs表示组件中未被注册的属性；可以利用其进行传值；配合v-bind可以将所有属性传递给另一个组件；
//根数据传给组件，通过父组件传给子组件：
var vm = new Vue({
el: "#app",
data: {
content: '我是内容',
title: '我是标题'
},
components: {
myContent: {
// props: ['title', 'content'], //这种方法注册的'content'只是用来传值，没用实际作用
props: ['title'],
created () { //$attrs表示组件中未被注册的属性；可以利用其进行传值；
console.log(this.$attrs)
},
inheritAttrs: false, //设为false，没有被注册的属性不会显示在行间；（本身有的不会消除）
// template: `<div>
// <h3>{{ title }}</h3>
// <my-p :content="content"></my-p>
// </div>`,
template: `<div>
<h3>{{ title }}</h3>
<my-p v-bind="$attrs"></my-p>
</div>`,
