![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 94
Beq
前端开发者
624144061@qq.com
lbq11147
展开
-
既然Vue通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM进⾏diff检测差异?
现在前端框架有两种数据变动侦测方式,一种是pull,一种是push.pull 的代表是React ,在进行 setState 操作后显示更新数据,React 会使用 diff 算法一层层找出差异,然后 patch 到 DOM 树上,React 一开始不知道那里变化了,只是知道变化了,然后暴力进行查找那变化了,另一个代表是 Angular 的脏检查。Vue 的响应式系统就是 Push 的代表...原创 2020-03-28 14:58:03 · 1015 阅读 · 0 评论 -
简单易读的 vue 依赖收集
简单理解Vue中的依赖收集过程依赖收集的始末从vue初始化开始依赖收集依赖收集的始末你好! 这是一篇记载关于Vue源码中依赖收集过程的文章。从vue初始化开始当我们用new操作符构建一个新的Vue实例时会发生:初始化,将 el置为空,el 置为空,el置为空,root 始终指向根实例,根节点唯一,且为最初声明的Vue实例,后续的组件都是 $root 的children,源码中 this...原创 2020-03-28 12:51:41 · 418 阅读 · 0 评论 -
Vue集成activity工作流
情景:由于activiti与系统应用主题样式出入较大,协商后决定将activiti的editor-app放在前台。ps:内网开发,无图,凭记忆摘取主要内容。步骤:将activiti放在public即静态目录下。 通过iframe在相应的前台工作流界面引入activiti的model.html(最外层的主html,名字可能有出入)。 mounted时将this,即vuecompo...原创 2019-08-17 17:40:38 · 34319 阅读 · 29 评论 -
使用VUE-socket.io应当注意的坑
首先,监听接受服务器信息的通道只需在组件渲染时在mounted生命周期函数调用一次:其次,如果想要局域网内多台设备能够实现通信,main.js使用的时候应当指定服务器IP,而不是localhost,实现前后端通信,需要使用指定IP...原创 2018-10-07 16:42:32 · 5049 阅读 · 3 评论 -
使用VUE构建商品界面
index.html<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Webpack App</title> <link rel="stylesheet" type="text/c原创 2018-08-24 16:39:46 · 3061 阅读 · 0 评论 -
VUE实战知乎日报源码以及BUG分析
源码已上传至https://github.com/anymouschina/daily, 下载后请先npm installnpm run dev记住开启代理服务,即在当前文件下的终端下使用 node proxy.js运行如下,获取http://news-at.zhihu.com/的实时内容,所有代码来自手敲,copyfrom 《Vue.js实战》运行后...原创 2018-08-21 15:03:54 · 1399 阅读 · 1 评论 -
Vue实战知乎日报开发(6)--item组件
主要是一个a标签来实现跳转,通过图片接口的图片是否存在来渲染,由于在APP组件中使用关键字item.id来进行循环渲染的,只需要输出标题图片即可。结果输出如下:源码:<template> <a class="daily-item"> <div class="daily-img" v-if="data.images"> ..原创 2018-08-21 14:18:04 · 551 阅读 · 0 评论 -
vue实战知乎日报(5)-自定义指令V-time
声明一个变量,获取时间戳,转换时间,最后通过bind定时更新时间。源码:var Time = { // 获取当前时间戳 getUnix: function () { var date = new Date(); return date.getTime(); }, // 获取今天0点0分0秒的时间戳 getTodayU...原创 2018-08-21 14:10:23 · 631 阅读 · 0 评论 -
vue中methods和computed的区别
methods实时方法,会实时更新,computed只会显示第一次的数据,在路由中建议computed;原创 2018-08-24 11:49:15 · 308 阅读 · 0 评论 -
Vue实战知乎日报(4)--daily-article组件
daily-article是知乎日报中最重要的内容板块:单独列出来,作具体分析:内容板块包括主题title,内容content,以及评论区comments内容渲染主要通过watch监控id变化时触发getArticle函数渲染,使用来自util配置的ajax(引用了axios模块),通过正则匹配对应src的内容替换res.body的src内容成图片路径,将数据返回给内容,回滚顶...原创 2018-08-21 13:28:34 · 1055 阅读 · 0 评论 -
vue学习笔记之watch
watch要当做一个对象来使用,是对象就有键,键就是监控的对象,其次还有值,值有三个:handler:其值是一个回调函数。即监听到变化时应该执行的函数。deep:是否深入监听,一般只能监听数据变化immediate:boolean值,确定是否使用当前初始值执行handler函数 watch: { id (val) { if ...原创 2018-08-21 11:12:14 · 270 阅读 · 0 评论 -
VUE实战第一天-知乎日报项目开发
第一步配置webpack: 打开命令行,在指定文件夹下运行npm init,直接回车 npm install --save-dev webpack npm install --save-dev -webpack-dev-server在package.json里配置dev:webpack-dev-server --open --config webpack.co...原创 2018-08-20 15:01:10 · 987 阅读 · 0 评论 -
VUE实战-知乎日报(2)
配置基本html,main.jshtml代码如下:只要引入main.js即可<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Webpack App</title> <link rel="styl原创 2018-08-20 15:25:52 · 628 阅读 · 0 评论 -
VUE实战-知乎日报(3) 应用组件源码分析
使用click绑定事件,当每日推荐和主题日报被点击时,绑定类名on,在此文件中是出现蓝色标记当前开大的菜单.:class="{on:type==='recommend}"当前dom的type为recommend时,绑定类名on,主题日报同理。 handleToRecommend () { this.type = 'recommend'; ...原创 2018-08-21 10:19:12 · 588 阅读 · 0 评论 -
VUEx基本用法
npm install --save-dev VUEXVuex的设计是用来管理组件状态,定义了一系列规范使用和操作数据,能够跨组件共享数据使用VUEX需要VUE支持,提前配置安装完成后在main.js导入import Vuex from 'vuex';//告诉VUE使用VUEXVue.use(Vuex);配置Vuex//路由配置const Routers=[ ...原创 2018-08-22 23:27:03 · 282 阅读 · 0 评论 -
修饰符prevent
触发事件时候不再重载页面原创 2018-08-22 22:04:11 · 919 阅读 · 0 评论