组件
关注
分享
扫一扫
我是你要找的bug
这个作者很懒，什么都没留下…
展开
-
子级向父级传递（自定义事件）
props用于父组件向子组件传递数据，子组件向父组件传递需要使用自定义事件来完成 什么时候需要自定义事件呢？ 当子组件需要向父组件传递数据时，就要用到自定义事件 我们之前学的v-on不仅仅可以用于监听DOM事件，也可以用于组件之间的自定义事件 自定义事件的流程： 在子组件中，通过$emit()来触发事件 在父组件中，通过v-on来监听子组件事件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> .原创 2020-09-09 18:22:56 · 605 阅读 · 0 评论 -
父组件向子组件传值props
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <cpn v-bind:cmovies="movies" :cmessage="message"></cpn> </div>原创 2020-09-09 17:18:47 · 170 阅读 · 0 评论 -
Vue父组件和子组件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <cpn2></cpn2> <!-- <cpn1></cpn1> --> </div&原创 2020-09-09 12:19:18 · 148 阅读 · 0 评论 -
什么是组件化以及注册组件的基本步骤
人面对复杂问题的处理方式： 任何一个人处理信息的逻辑能力是有限的，所以，当面对一个非常复杂的问题时，我们不太可能一次性搞定一大堆内容，但是，我们有一种天生的能力，就是将问题进行拆解，如果将一个复杂问题拆分成多个可以处理的小问题，再将其放在整体中，就会发现大的问题迎刃而解。 组件化也是类似的思想： 如果我们将一个页面中所有的处理逻辑全都放在一起，处理起来就会特别的复杂，而且不利于后续的管理以及扩展。 但如果，我们将一个页面拆分成一个个小的功能块，每个功能块完成属于自己这部分独立的功能，那么之后整个页面的管理和原创 2020-09-08 17:18:43 · 348 阅读 · 0 评论 -
Vue组件的生命周期及属性
一、 生命周期 生命周期的三个阶段：初始化显示、更新显示、死亡 每一个阶段都会对应一些生命周期的回调函数（钩子函数） 八个钩子函数对应组件的生命周期： beforeCreate(){} 该组件初始化之前 执行的钩子函数 created(){} 该组件初始化完成之后 beforeMount(){} 该组件挂载之前 mounted(){} 该组件挂载完成 beforeUpdate(){} 该组件...原创 2020-04-04 13:20:05 · 261 阅读 · 0 评论 -
Vue中组件传值
Vue 中父子组件传值 <template> <div> <h3>我是Home组件---{{title}}</h3> </div> </template> <script> //在这里除了可以给予组件传值 ---在组件上绑定属性 在子组件里面接受传值 props //传值 传方法 ...原创 2020-04-03 13:28:29 · 158 阅读 · 0 评论 -
Vue 组件（component）
App.vue 是Vue项目的主模板（主组件） 自己定义一个文件 component用来放置子组件 如何创建组件：直接建立对应的Vue文件就是单个组件(例如：systemtoptitle.vue、systemleftmenu.vue、systemrightcontent.vue三个组件) 如何注册组件：创建的单个组件需要挂在到app组件里面，就在该组件内部直接引入子组件 1、在script里面引入...原创 2020-04-02 22:16:00 · 259 阅读 · 0 评论