为什么要异步编程 我们在写前端代码时，经常会对dom做事件处理操作，比如点击、激活焦点、失去焦点等；再比如我们用ajax请求数据，使用回调函数获取返回值。这些都属于异步编程。 也许你已经大概知道JavaScript引擎单…
分类：vue.js
webpack -> vue Component 从入门到放弃（四）
Foreword 之前三篇大致介绍了webpack的用法，正如这个系列标题而言 从webpack 到 vue Component,所以最后一篇文章当然是要讲 component, 不对应该说是结合使用，所以看官要是对 v…
vue-cli添加less-loader
vue-cli默认使用的css-loader，多数情况下我们会添加一种预编译语言 下面简单介绍一下添加less-loader 安装vue-cli 移步官网https://cn.vuejs.org/v2/guideR…
vue-validator demo
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="t…
为了vue-cli spa项目优化首屏所做的事情
第一次写 vue spa项目，但是在实践的过程发现了很多坑，这篇文章主要讲述的是spa项目首屏加载过慢的大坑。在webpack的配置中，在打包的过程中，会将所有的库都打包到vendor.js中，所以导致了vendor.j…
如何使用vue写一个组件库
如何使用vue写一个组件库 新建vue项目 使用vue-cli初始化一个项目： vue init webpack VueComponent cd VueComponent npm install npm run dev …
vue进阶3 - Mock.js（生成随机数据，模拟Ajax请求）
一、安装 1.安装mock、axios npm install mockjs axios 2、安装axios-mock-adapter axios-mock-adapter是axios与mock配置器，是axios的模拟…
使用vue.js和webpack完成文章的评论和分页组件
学习了vue.js一段时间，拿它来做2个小组件，练习一下。我这边是用webpack进行打包，也算熟悉一下它的运用。源码放在文末的 github 地址上。 首先是index.html <!DOCTYPE html&g…
条件渲染、列表渲染
Vue.js（读音 /vju?/, 类似于 view）是一个构建数据驱动的 web 界面的库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue.js 的核心是一个响应的数据绑定系…
vue项目总结（一）
Vue 独立构建 & 运行时构建 — KChris 2017.3.13 (=^.^=) 目的：优化项目中文件的体积。 1.config/index.js npm install --save-dev …
Vue.js源码学习一 —— 数据选项 State 学习
关于Vue源码学习的博客， HcySunYang的 Vue2.1.7源码学习是我所见过讲的最清晰明了的博客了，非常适合想了解Vue源码的同学入手。本文是在看了这篇博客之后进一步的学习心得。 注意：本文所用Vue版本为 2…
vue生命周期探究（一）
vue官方文档—实例生命周期vue-router2.3版文档—路由勾子vue官方文档—指令及其绑定周期 前言 在使用vue开发的过程中，我们经常会接触到生命周期的问题。那么你知道，一个…
