vue
编程路沙漠行者
程序如沙漠修行,往一个希望走去
展开
-
vue2 子组件影响父组件的传输过来的数据方式
一.子组件可通过props属性获得父组件传输过来的数据,这时如果需要修改这个数值,同时影响父组件,在Vue1时代不存在这个问题,vue2则可以通过如下几种方式: 1.通过vuex,这个可以创建共享数据块,但是在不大的项目里不需要这个 2.比较通常的方法是,在父组件监听一个函数,之后在子组件ton通过this.$emit(fun,param)触发这个函数,此时通过传参进行数据传递 3.最后一种...原创 2018-07-18 12:06:27 · 249 阅读 · 0 评论 -
vue2 v-for列表中相同元素设置key作用
vue2和react一样有一个virtual dom的操作,同时使用的算法都为diff,这个算法的核心基于两个假设: 1. 两个相同的组件产生类似的DOM结构,不同的组件产生不同的DOM结构。 2. 同一层级的一组节点,他们可以通过唯一的id进行区分。 基于这两个假设,算法复杂度由o(n3)降低到o(n) 当页面的数据发生变化时,Diff算法只会比较同一层级的节点: 如果节点类型不同,直...原创 2018-07-18 17:44:42 · 1463 阅读 · 0 评论 -
vue2 动画javascript钩子
Vue2实现动画的方式可以是css也可以js钩子,大部分情况下css3即可满足,但若是需要在实现动画过程中进行位置计算,那就需要使用js钩子函数来进行,接下来说一说踩钩子函数这个坑出现的疑惑点。官方文档:vue2动画钩子 1.首先实现一个钩子函数的过程是,在transition中监听beforeEnter等,官网有一句话是当只用javascript过渡时,必须调用done(),问题在于这个don...原创 2018-07-21 18:46:38 · 908 阅读 · 0 评论