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