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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章