vue学习基础（5）组件属性传值/传值和传引用、注册事件

一、组件属性传值

从父组件把值传递给子组件

1、父组件绑定内容。传递父组件data中的参数值

2、子组件获得属性值

 子组件接收值的其他写法

二、传值和传引用

属性传值，值有两种情况：1、传值  2、传引用（对象、数组）

Users.vue里面操作对象的删除，template里面增加一个删除按钮，调用删除方法。

App.vue里面使用两次该组件

效果图如下，点击其中一个得删除按钮，另一个组件调用的数据也同时跟着删除

 

只改变自己的，在App.vue里面header和footer里面都传递了title，子组件的值只改变了自己的，title为app.vue的内部属性值

 

三、注册事件

如果想要子组件改变父组件的值，需要注册事件 。

通过注册的事件到父组件里面去修改。

父组件App.vue中注册事件@titleChange="updateTitle"，并在methods中实现updateTitle方法

子组件中触发方法，调用父组件中的methods