摘要: 本文由蔡述雄发表 接下来我们会详细分析下如何完成由多个组件组成一个复用组件的开发流程。 下面先看看我们的需求 列表组件quiList.vue 本节我们主要要完成这样一个列表功能,每一行的列表是一个组件,列表内可能出现按钮组件或者箭头组件,点击按钮组件可以自定义事件,同时可以根据不同的参数来决定当前列 阅读全文
posted @ 2018-12-14 21:41 lovollll 阅读(134) 评论(0) 推荐(0) 编辑
摘要: Vue项目中使用Vue.js devTools这款调试神器,可以极大程度的提高我们的开发效率。 安装 1、打开Chrome网上应用商店安装插件(自墙),直接搜索devTools安装即可。贵宾传送阵,请戳这里→Chrome网上应用商店 2、从github上下载到本地。贵宾传送阵,请戳这里→vue de 阅读全文
posted @ 2018-12-14 21:39 lovollll 阅读(360) 评论(0) 推荐(0) 编辑
摘要: Vue响应式原理之defineReactive defineReactive 不论如何,最终响应式数据都要通过defineReactive来实现,实际要借助ES5新增的Object.defineProperty。 defineReactive接受五个参数。obj是要添加响应式数据的对象;key是属性 阅读全文
posted @ 2018-12-14 21:37 lovollll 阅读(152) 评论(0) 推荐(0) 编辑
摘要: vuex源码分析 了解vuex 什么是vuex vuex是一个为vue进行统一状态管理的状态管理器,主要分为state, getters, mutations, actions几个部分,vue组件基于state进行渲染,当state发生变化时触发组件的重新渲染,并利用了vue的响应式原理,衍生出ge 阅读全文
posted @ 2018-12-14 21:35 lovollll 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 目录结构 ├── scripts 构建相关的文件,一般情况下我们不需要动│ ├── git hooks git钩子│ ├── alias.js 别名配置│ ├── config.js rollup配置的文件│ ├── build.js 构建 config.js 中所有的rollup配置│ ├── c 阅读全文
posted @ 2018-12-14 21:29 lovollll 阅读(146) 评论(0) 推荐(0) 编辑
摘要: Vue源码探究 虚拟DOM的渲染 在虚拟节点的实现一篇中,除了知道了 VNode 类的实现之外,还简要地整理了一下DOM渲染的路径。在这一篇中,主要来分析一下两条路径的具体实现代码。 按照创建 Vue 实例后的一般执行流程,首先来看看实例初始化时对渲染模块的初始处理。这也是开始 mount 路径的前 阅读全文
posted @ 2018-12-14 21:28 lovollll 阅读(539) 评论(0) 推荐(0) 编辑
摘要: [toc] 在chrome(版本 70.0.3538.110)测试正常编写涉及:css, html,js, node(koa) 在线演示codepen html代码 css代码 JavaScript代码 hash方式 class HashRoute { setRoute() { const comm 阅读全文
posted @ 2018-12-14 21:26 lovollll 阅读(444) 评论(0) 推荐(0) 编辑
摘要: passived到底有什么用? passived主要用于优化浏览器页面滚动的性能,让页面滚动更顺滑~~ passived产生的历史时间线 addEventListener():大家都是认识的,为dom添加触发事件,故事就从这里开始。 在早期addEventListener是这样的: useCaptu 阅读全文
posted @ 2018-12-14 21:24 lovollll 阅读(893) 评论(0) 推荐(0) 编辑
摘要: 回顾vue官方文档的过程中发现了is这个特性,虽然以我的写代码风格实在用不上,不过还是记录一下这个知识点 is的作用 总所周知,ul里面嵌套li的写法是html语法的固定写法(还有如table,select等)。 my component是我们自己写的组件,但是html在渲染dom的时候,my co 阅读全文
posted @ 2018-12-14 21:21 lovollll 阅读(443) 评论(0) 推荐(0) 编辑