Vue组件: 1、 Vue props传值。子拿父亲数据。 2、 Vue $emit()发射函数。 子拿父亲函数,自定义事件。 3、 Vue vlot插槽。
4、Vue ref 5、动态组件,异步组件。
7、可复用性。 Vue minxi Vue插件。 过滤器。
8、Vue路由: 后端路由:锚点#,一个路径对应一个资源。 前端路由:。
scope:范围,作用域。 category:范围。 canvas:帆布,用优化画画。 transition:沟渎转换。 trans sition。 prop erty: 属性。 attribute:属性。
1、子组件,默认无法访问,父组件的data和methods方法。 父组件可以在引用子组件, 可以通过属性绑定的形式(v-bind), 把需求传到子组件的数据,以属性绑定的形式,传入到子组件内部,供子组件使用。
父===》子 1、子组件想要父组件信息: 父给子传值(引用时,绑定形式,属性名称为传入名称,等号内部为内部的值), 子接受值(props以数组字符串的形式 定义 接受的属性名称,以定义的名称使用) 注意:props:只读的数据。data是组件内部私有的,才能可以写。
2、子组件想用父亲的方法,子组件给父组件传值:
调用子组件的时候,父组件给子组件绑定自定义事件。(自定义事件的回调函数在A中。)
子组件标签名,绑定自定义事件=回调函数。
绑定自已事件的方式:
1 父组件中:<B @自定义事件="函数">
2父组件中,mounted(){ this.on} on:当...的时候
触发自定义事件。 this.off('自定义事件')
3、全局事件总线:任意组件间通信.(一种经验)兄====》弟: Bus.js
父子组件通信:
1 父给子:1.v-bind,props
2 子给父:
v-bind/:, props(不会用的)。
2.v-on/@:, this.emit("") (用的最多)
3.children
4.provide +inject(在封装组件的时候用的,不能通过prop方式传数据)
5.ref refs
6.v-model
爷孙通信:
7.ilsteners(爷孙通信)
兄弟之间的通信:
8.bus:
9.pubsub:消息订阅与发布。(引入第三方库。)
通用的:
10.vuex
animation:动画。
transition:转化。过度。 apper:出现。
keys detected: duplicate :v,adj复制的 detected:检测到
组件化编码流程: 1、静态组件: 抽取组件,根据功能抽取。 2、展示动态数据: 数据保存在那个组件?数据类型,名称是什么? 3、交互: 绑定事件监听。