vue2.html.281257120

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>`,