随笔分类 -  vue

Vue中的key到底有什么用？
摘要：key是为Vue中的vnode标记的唯一id,通过这个key,我们的diff操作可以更准确、更快速 diff算法的过程中,先会进行新旧节点的首尾交叉对比,当无法匹配的时候会用新节点的key与旧节点进行比对,然后超出差异. diff程可以概括为：oldCh和newCh各有两个头尾的变量StartIdx 阅读全文
posted @ 2019-08-06 22:24 JoeJoan 阅读(3024) 评论(0) 推荐(0)
最全的Vue组件通信方式总结
摘要：1、一图认清组件关系名词 父子关系：A与B、A与C、B与D、C与E 兄弟关系：B与C 隔代关系：A与D、A与E 非直系亲属：D与E 总结为三大类： 父子组件之间通信 兄弟组件之间通信 跨级通信 2、8种通信方式及使用总结 props / $emit $children / $parent provi 阅读全文
posted @ 2019-07-28 14:19 JoeJoan 阅读(962) 评论(1) 推荐(2)
剖析Vue之双向数据绑定
摘要：vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。 具体实现步骤，感兴趣的可以看看: 当把一个普通 Javascript 对象传给 Vue 实例来作 阅读全文
posted @ 2019-07-23 20:57 JoeJoan 阅读(189) 评论(0) 推荐(0)
Vue的nextTick是什么？
摘要：公司做之前项目的时候，遇到了一些比较困惑的问题，后来研究明白了nextTick的用法。 我们先看两种情况： 第一种： 这段脚本执行我们猜测会依次打印：1、2、3。但是实际效果中，只会输出一次：3。为什么会出现这样的情况？ 原因： 当触发update更新的时候，会去执行queueWatcher方法，也 阅读全文
posted @ 2019-07-17 21:20 JoeJoan 阅读(1652) 评论(0) 推荐(0)
weex animation模块 使用指南
摘要：本节学习目标 掌握内置组件animation的使用 我们在开发应用的时候,常常需要增加一些动画效果,来提高用户体验,经常用到的一些动画效果如下 平移 旋转 缩放 背景颜色改变 组件透明图 weex 提供了一animition模块,通过这个模块的一个api可以实现上述的动画效果 API:transit 阅读全文
posted @ 2019-07-05 14:03 JoeJoan 阅读(2423) 评论(0) 推荐(0)
Vue之动态class写法总结
摘要：对象方法 最简单的绑定 :class="{ 'active': isActive }" 判断是否绑定一个active :class="{'active':isActive 1}" 或者 :class="{'active':isActive==index}" 绑定并判断多个 第一种（用逗号隔开） :c 阅读全文
posted @ 2019-06-25 17:14 JoeJoan 阅读(2779) 评论(0) 推荐(1)
weex 轮播如何使用？
摘要：下面的内容是你必须要掌握的 1.怎么让banner的宽度和屏幕的宽度相等 2.怎么让banner自动轮播和轮播间隔 3.如何添加指示器 4.如何设置指示器的颜色和大小 5.点击轮播图时触发事件 6.检测当前轮播图是那一张 我们首先创建一个slider.vue 修改app.js 文件的代码 impor 阅读全文
posted @ 2019-06-13 15:50 JoeJoan 阅读(597) 评论(0) 推荐(0)
Vue常用修饰符
摘要：Vue提供了事件修饰符用于DOM的事件处理，常用的事件修饰符有以下几个： （１）. stop：阻止冒泡（通俗讲就是阻止事件向上级DOM元素传递） 点击内层div的结果： 点击外层div的结果： 修改代码，为内层点击事件添加事件".stop"修饰符： 再次点击内层div的结果如下： （２）. prev 阅读全文
posted @ 2019-06-13 12:36 JoeJoan 阅读(658) 评论(0) 推荐(0)
vscode如何使用？常用插件有哪些？
摘要：vscode下载 官网下载：https://code.visualstudio.com/ 一、汉化中文（官方下载默认为英文，英文好的小伙伴可直接跳过这步） 点击插件按钮搜索 Chinese, 在弹出的选项中选择第一个中文简体 然后右边会弹出如下图安装界面，接着点击 Install 安装 安装完毕后会 阅读全文
posted @ 2019-05-29 10:56 JoeJoan 阅读(739) 评论(0) 推荐(0)
vue动态渲染图片，引用路径需要注意的地方
摘要：1.把图片放在和src同级的static里面，这用按照正常的方式进行引入，例如： 2.图片可以在其他文件夹，但是在script引入是必须加上require 阅读全文
posted @ 2019-05-15 11:04 JoeJoan 阅读(1077) 评论(0) 推荐(0)
mpvue开发微信小程序之picker
摘要：微信使用picker组件，bingchange 换成@change即可使用监听函数和方法 此处注意与微信多了一个mp的信息才能获取到选中的值。 获取当前日期+时间 使用 阅读全文
posted @ 2019-05-09 22:15 JoeJoan 阅读(1781) 评论(0) 推荐(0)
vue的v-html插值样式问题
摘要：content使用html插入文本和图片 使用scoped样式，渲染失败。 原因： 解决方案： 采用全局样式 或另外再加style标签单独渲染 阅读全文
posted @ 2019-04-04 09:06 JoeJoan 阅读(890) 评论(0) 推荐(0)