随笔分类 - vue2
摘要:data 必须是一个函数 (王宏远的讲解) 如果不用function 返回,每个组件的data 都是内存的同一个地址,一个数据改变了其他也改变了, data是一个函数时,每个组件实例都有自己的作用域,每个实例相互独立,不会相互影响
阅读全文
摘要:keep-alive 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们 和 相似, 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在组件的父组件链中。 当组件在 内被切换,它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。 当一个组件a.
阅读全文
摘要:#数据劫持 什么是数据劫持 Object.defineProperty() 给一个对象添加get和set方法,在我们通过类似于obj. attribute获取属性的时候会调用get方法,通过obj.attribute = ***设置属性的时候会调用set方法,我们通过重写这个get,set方法就可以
阅读全文
摘要:https://segmentfault.com/a/1190000016637877
阅读全文
摘要:https://www.jianshu.com/p/d42c508ea9de https://www.jianshu.com/p/6b062af8cf01
阅读全文
摘要:普通插槽:子组件内定义,父组件调用子组件,调用内插入值,即可替换插槽内容 默认插槽:同上,如果显示的某个值很多,即可使用默认的值 多值插槽:如果有多个值,同时放入组件内替换时,一起作为替换元素 具名插槽:子组件name属性 父组件slot=‘Name值’ 编译作用域:使用变量时候,会找自己的作用域查
阅读全文
摘要:v-model,父组件通过v-model传递值给子组件时,会自动传递一个value的prop属性,在子组件中通过this.$emit(‘input',val)自动修改v-model绑定的值
阅读全文
摘要:v-if和v-show的性能比较 实现方式:v-if底层采用的是appendChild来实现的,v-show通过样式的display控制标签的显示,正因为实现方式上面有差异,导致了他们的加载速度方面产生了差异; 加载性能:v-if加载速度更快,v-show加载速度慢 切换开销:v-if切换开销大,v
阅读全文
摘要:Vue常用的事件修饰符 阻止冒泡:.stop 阻止默认事件:.prevent 添加事件侦听器时使用事件捕获模式 :.capture 只当事件在该元素本身(比如不是子元素)触发时触发回调:.self 事件只触发一次:.once
阅读全文
摘要:Vue常用指令. v-text 插值表达式{{}} {{msg}} v-html v-for v-show v-if v-else v-else-if v-bind v-on v-model v-slot v-pre v-clock v-once 双大括号语法无法渲染HTML标签,我们需要使用v-h
阅读全文
摘要:component transition keep-alive slot
阅读全文
摘要:生命周期的实例方法有哪些,简单介绍一下 Vue.extend Vue.nextTick Vue.set Vue.delete Vue.directive Vue.filter Vue.component Vue.use Vue.mixin Vue.compile Vue.observable Vue
阅读全文
摘要:##vue生命周期 Vue生命周期是指vue实例对象从创建到销毁的过程 Vue实例有一个完整的生命周期,也就是说从开始创建、初始化数据、编译模板、挂载DOM、渲染、更新、卸载等一系列过程,我们成为Vue 实例的生命周期 vue所有功能的实现都是围绕其生命周期进行的,在生命周期的不同阶段调用对应的钩子
阅读全文
摘要:##Vue中的组件传值 父传子:props,在子组件中,使用props来接受父组件传递过来的值 子传父:$emit,子组件中this.$emit(函数名,传递参数) 父组件获取子组件的属性和方法: $children this.$refs.refName.(子组件属性,子组件方法) $refs th
阅读全文
摘要:##vue-数据响应式 与 双向数据绑定 数据响应式(单向:将数据填充到页面) 如何理解响应式 html5中的响应式(屏幕尺寸的变化导致样式的变化) 数据的响应式(数据的变化导致页面内容的变化) 什么是数据绑定 将数据填充到标签中 数据响应式:script中的数据驱动html的内容发生改变,不需要去
阅读全文
摘要:##对于mvvm的理解 框架 框架是大智慧,用来对软件设计进行分工; 设计模式是小技巧,对具体问题提出解决方案,以提高代码复用率,降低耦合度。 常见框架: Spring后端框架、vue前端框架 框架模式 MVC、MVP、MVVM等等 设计模式 发布订阅模式、观察者模式等等 mvvm: 它是一种基于前
阅读全文

浙公网安备 33010602011771号