摘要: 步骤: + 创建一个空Vue实例,也就是一个 bus ( 事件总线 ) + 一个组件注册事件( bus.$on(事件名称, () = {}) ) + 另一个组件触发事件( bus.$emit(事件名称, 数据) ) 注意:一定要是同一个 bus!!! // 创建一个bus const bus = n 阅读全文
posted @ 2019-03-13 17:32 木石天涯 阅读(334) 评论(0) 推荐(0) 编辑
摘要: 两个组件之间的数据流动: 单项数据流: + 父组件中的数据可以通过props流动到子组件中,并且当父组件中的数据 + 发生改变的时候,子组件会自动接收到这个修改后的数据, + 并且更新页面中的内容。这就是 Vue 中的单项数据流 所以,数据一般是由父组件提供的,当父组件中的数据发生了改变,子组件就会 阅读全文
posted @ 2019-03-13 17:23 木石天涯 阅读(1353) 评论(0) 推荐(0) 编辑
摘要: 步骤: + 父组件提供一个方法 + 这个方法是子组件调用的,数据通过方法的参数拿到 + 将这个方法传递给子组件 + 由子组件触发这个方法,将要传递的数据作为方法的参数传递 {{ age }} <! 2 给子组件传递一个自定义事件 getmsg ,它的值是 getChildMsg 方法 // 子到父: 阅读全文
posted @ 2019-03-13 14:44 木石天涯 阅读(290) 评论(0) 推荐(0) 编辑
摘要: 1. 在子组件标签上添加一个属性(ppp) 2. 在子组件中通过 props 属性,来接受这个数据 3. 就可以使用接受到的 ppp 数据了 <! 父组件的模板 <! 子组件的模板 // 1 父到子 // 父组件:vm实例 // 子组件:hello组件 const vm = new Vue({ el 阅读全文
posted @ 2019-03-13 14:26 木石天涯 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 生命周期图 阅读全文
posted @ 2019-03-12 18:09 木石天涯 阅读(256) 评论(0) 推荐(0) 编辑
摘要: + 现在我的slot组件携带了它自己得属性,如果我外面直接使用,那会把这些属性全部干掉。我想把他们取出来怎么办?需要用到作用域插槽 + 给这里需要取出slot中属性值得标签(也就是p)定义一个属性:slot scope,它的值是一个对象,这个对象中保存的有下面slot中所有得属性 {{obj.com 阅读全文
posted @ 2019-03-12 11:53 木石天涯 阅读(484) 评论(0) 推荐(0) 编辑
摘要: ``` <! 1.2 想要指定插入指定位置,就得指定一下插入到slot的名字,通过slot属性来指定, 这个slot的值必须和下面slot组件得name值对应上 我爱学习前端 前端的乐趣无穷无尽 // 1.1. 通过给slot添加name属性,来指定当前slot的名字 Vue.component(' 阅读全文
posted @ 2019-03-12 11:22 木石天涯 阅读(6546) 评论(0) 推荐(0) 编辑
摘要: ``` <! 1.2 那组件innerHTML位置以后不管有任何代码,都会被放进插槽那个坑里面去 首页 首页 首页 手机 // 插槽的作用就是组件外部取代码片段放到组件内部来 // 1.1 定义默认插槽通过slot组件定义,定义好了之后,就相当于一个坑,你可以把它理解为电脑上usb插口 Vue.co 阅读全文
posted @ 2019-03-12 11:13 木石天涯 阅读(3652) 评论(0) 推荐(0) 编辑
摘要: ``` // 1.1 假设创建一个product局部组件 let product = { template: ` <div {{msg}} {{company}} <button @click="change" 改变</button <input type="text" v focus/ <div 阅读全文
posted @ 2019-03-12 10:19 木石天涯 阅读(264) 评论(0) 推荐(0) 编辑
摘要: ``` ``` 阅读全文
posted @ 2019-03-12 10:00 木石天涯 阅读(479) 评论(0) 推荐(0) 编辑