代码改变世界

文章分类 -  vue

vue组件间通信

2020-03-06 13:41 by 在思考中成长, 177 阅读, 收藏,
摘要: 组件是 vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。一般来说,组件可以有以下几种关系: 如上图所示,A 和 B、B 和 C、B 和 D 都是父子关系,C 和 D 是兄弟关系,A 和 C 是隔代关系(可能隔多代)。 针对不同的使用场景,如何选 阅读全文

深入理解Vue父子组件生命周期

2020-03-02 16:13 by 在思考中成长, 4196 阅读, 收藏,
摘要: 先附一张官网上的vue实例的生命周期图,每个Vue实例在被创建的时候都需要经过一系列的初始化过程,例如需要设置数据监听,编译模板,将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫做生命周期钩子的函数(回调函数),这给了用户在不同阶段添加自己代码的机会。 1、vue的生命周 阅读全文

v-for 为什么必须使用key

2020-03-02 15:34 by 在思考中成长, 1730 阅读, 收藏,
摘要: vue 之前的版本没有限制 v-for 中配置 key 现在需要配置不然会报错 为什么 必须使用key 因为vue组件高度复用,增加Key可以标识组件的唯一性,key的作用主要是为了高效的更新虚拟DOM,后续再原理给大家讲解 如何正确使用key VUE 使用v-for更新已渲染的元素列表时,默认用就 阅读全文

v-if 与v-show

2020-03-02 12:43 by 在思考中成长, 216 阅读, 收藏,
摘要: 在vue里面很多人都用的最常用的 v-if 与v-show 先讲讲v-show v-show与v-if的用法基本一致,只不过v-show是改变元素的css属性display。当v-show表达式的值为false是,元素会隐藏,查看DOM结构看到元素上加载了内联样式display:none; 所以说元 阅读全文