qq_41916791的博客

组件之间的传值通讯1. 父组件 传值 子组件2. 子组件 传值 父组件3. 兄弟组件之间的传值1. 父组件 传值 子组件//父组件 home.vue<header :msg='msg'></header>//子组件 header.vueprops:['msg']prop:{ msg:数据类型}2. 子组件 传值 父组件子组件: this.$emit('自定义事件名称',要传的数据)父组件: <header @childInpu

computed,methods,watch有什么区别?1. computed vs methods的区别(1) computed计算属性是有缓存的(2) methods是没有缓存的2. computed vs watch的区别(1) watch是监听,数据或者路由发生了改变才可以响应(执行)1. computed vs methods的区别(1) computed计算属性是有缓存的(2) methods是没有缓存的//例子:<div> change change change

Vue中如何做样式穿透1. scss(1) 下载(2) 在style上添加语言(3) sass穿透2. stylus(1)下载(2) 在style上添加语言(3) stylus样式穿透1. scss(1) 下载npm install sass-loader node-sass --save(2) 在style上添加语言<style lang="scss">$color:blue;.main{ color:$color;}(3) sass穿透加了scoped是局部的,想

v-if和v-for的优先级v-for的优先级高于v-if(不会写在同一个标签上)v-for的优先级高于v-if(不会写在同一个标签上)是在源码中体现的:function genElement

v-if和v-show的区别1. 展示形式不同(1) v-if是创建一个dom节点(2) v-show:控制display:none;display:block;2. 使用场景(1) 初次加载,v-if要比v-show好.原因是页面不会多加载盒子(2) 频繁切换:v-show要比v-if好,创建和开销太大,显示和隐藏开销较小1. 展示形式不同(1) v-if是创建一个dom节点(2) v-show:控制display:none;display:block;2. 使用场景(1) 初次加载,v-

谈谈你对keep-alive的了解1. keep-alive是什么?2. keep-alive功能是什么?3. 使用场景1. keep-alive是什么?是vue系统自带的组件2. keep-alive功能是什么?是用来缓存组件的.==>提升性能3. 使用场景就是来缓存组件,提升项目性能,减少发送请求的数量.(具体实现比如:首页进入到详情页,如果用户在首页每次点击都是相同的,那么详情页就没必要请求N次了,直接缓存起来就可以了,当然,如果点击的不是同一个,那么就直接请求).

vue2.x生命周期有哪些?1. 有哪些生命周期?2. 一旦进入到页面或者组件,会执行哪些生命周期,顺序?3. 在哪个阶段有el,在哪个阶段有el,在哪个阶段有el,在哪个阶段有data?4. 如果加入了keep-alive会多哪2个生命周期?(1) activated:keep-alive 组件激活时调用。(进入)(2) deactivated:keep-alive 组件停用时调用。(离开)5. 如果加入了缓存组件keep-alive,第一次进入组件会执行哪些生命周期?6. 如果加入了缓存组件keep-a