Vue学习计划

361 阅读1分钟

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.refs.xx.refs.xx.on} on:当...的时候 触发自定义事件。 this.emit(自定义事,传入数据)解绑自定义事件:this.emit('自定义事件',传入数据) 解绑自定义事件:this.off('自定义事件')

3、全局事件总线:任意组件间通信.(一种经验)兄====》弟: Bus.js

父子组件通信: 1 父给子:1.v-bind,props 2 子给父: v-bind/:, props(不会用的)。 2.v-on/@:, this.emit("") (用的最多) 3.parent+parent+ children 4.provide +inject(在封装组件的时候用的,不能通过prop方式传数据) 5.ref refs 6.v-model 爷孙通信:
7.attrs+attrs+ ilsteners(爷孙通信) 兄弟之间的通信: 8.bus: 9.pubsub:消息订阅与发布。(引入第三方库。) 通用的: 10.vuex

animation:动画。

transition:转化。过度。 apper:出现。

keys detected: duplicate :v,adj复制的 detected:检测到

组件化编码流程: 1、静态组件: 抽取组件,根据功能抽取。 2、展示动态数据: 数据保存在那个组件?数据类型,名称是什么? 3、交互: 绑定事件监听。