- 博客(15)
- 收藏
- 关注
转载 Vue还有这种操作?浅析几个新手常常忽略的API
一:实现子组件与父组件双向绑定的“sync”:一般来说,我们实现父子组件值的传递通常使用的是【props】和自定义事件【$emit】。父组件通过【props】将值传给子组件,子组件通过【$emit】将值传给父组件,父组件通过【$on】获取子组件传过来的值,如果说想要实现子组件修改父组件传过来的值,最容易的就是这种方法了://父组件向子组件传值<template>...
2018-04-15 14:26:00
149
转载 快速入门vue-cli配置
作为一名使用了一段时间Vue.js的新手,相信和不少初入Vue的朋友一样,都对Vue-cli的配置一知半解。后来通过对webpack的学习,也算是对脚手架的配置有了一定的了解,所以也想把这段时间自己的成果分享给大家,希望能和大家一起进步。有两点要说明的:阅读本文需要了解一点点webpack的知识,至少要entry,output,module,plugins都是做什...
2018-03-03 14:36:00
220
转载 手撕vue-cli配置——webpack.prod.conf.js篇
'use strict'const path = require('path')const utils = require('./utils')const webpack = require('webpack')const config = require('../config')const merge = require('webpack-merge')co...
2018-02-12 17:08:00
334
转载 手撕vue-cli配置——webpack.dev.conf.js篇
const utils = require('./utils')const webpack = require('webpack')const config = require('../config')const merge = require('webpack-merge')const path = require('path')const baseWebpac...
2018-02-11 18:29:00
289
转载 手撕vue-cli配置——webpack.base.conf.js篇
在开始写webpack.base.conf.js(简称base)之前,我们先来看一下vue-loader.conf.js这个文件,毕竟在base中我们还会用到:'use strict'//引入前一篇文章的utils文件const utils = require('./utils')//引入config文件const config = require('../c...
2018-02-11 01:04:00
878
转载 手撕vue-cli配置——utils.js篇
utils.js文件主要是用来处理各种css loader的,比如css-loader,less-loader等。//引入path模块const path = require('path')//引入之前的config模块const config = require('../config')//引入“extract-text-webpack-plugin”,...
2018-01-22 00:22:00
440
转载 手撕vue-cli配置文件——check-versions.js篇
check-versions.js,vue-cli中检查版本的js文件。'use strict'const chalk = require('chalk')const semver = require('semver')const packageConfig = require('../package.json')const shell = require('sh...
2018-01-09 00:00:00
204
转载 vue实现登录后跳转到之前的页面
在开发中我们经常遇到这样的需求,需要用户直接点击一个链接进入到一个页面,用户点击后链接后会触发401拦截返回登录界面,登录后又跳转到链接的页面而不是首页,这种问题该如何去做呢?先说一下我们需要用到的几个API:1.router.currentRoute:当前的路由信息对象,我们可以通过router.currentRoute.fullPath获得解析后的 URL,包含查询参数和 h...
2018-01-07 14:23:00
1799
转载 手撕vue-cli配置文件——config篇
最近一直在研究webpack,突然想看看vue-cli中的webpack是如何配置,查阅了很多相关的文章,所以也想出几篇关于vue-cli配置的东西。正所谓“工欲善其事必先利其器”嘛!这一篇主要是分析vue中关于config文件夹中的相关代码;首先我们先看一下config的文件结构:|-config|---dev.env.js|---index.js|---pro...
2018-01-04 01:08:00
550
转载 【手撕设计模式】减少业务中冗余的请求——备忘录模式
备忘录模式—— 在不破坏对象封装性的前提下,在对象之外捕获并保存对象内部的状态以便日后对象使用或者对象恢复到以前的某个状态;相信大家在工作中一定会遇到这样的情况,在不同的页面或逻辑中多次发送相同的请求。举个常见的情景,在实现页面翻页的逻辑中,我们经常在点击下一页或者上一页的时候向后台发送相同的请求(请求的页码不同);//这里我使用的是vue框架,第一个参...
2017-11-26 22:53:00
112
转载 从零开始教你封装自己的vue组件
组件(component)是vue.js最强大的功能之一,它可以实现功能的复用,以及对其他逻辑的解耦。但经过一段时间的使用,我发现自己并没有在业务中发挥出组件的最大价值。相信很多刚开始使用vue的朋友都和我有相同的状况,在日常的开发中虽然也使用组件,但不知不觉就将组件当成了减少业务代码长度,展现代码结构的一种工具,并没有做到可复用,发挥组件的长处。 恰好,前几天有一个...
2017-10-21 17:24:00
791
转载 从给数组中的对象去重看Javascript中的reduce()
假设有这样一个数组:let person = [ {id: 0, name: "小明"}, {id: 1, name: "小张"}, {id: 2, name: "小李"}, {id: 3, name: "小孙"}, {id: 1, name: "小周"}, {id: 2, name: "小陈"}, ...
2017-10-17 00:35:00
382
转载 聊聊VUE中的nextTick
在谈nextTick之前,先要说明一件事,可能在我们平时使用vue时并没有关注到,事实上,vue执行的DOM更新是异步的。举个栗子: <template> <div class="con">{{msg}}</div> <template> <script> export default...
2017-09-23 22:58:00
93
转载 在不用Promise的情况下如何控制异步请求?
如何更好的控制异步请求?相信大家一定首选Promise对象。确实,使用Promise控制异步请求确实非常方便,直接使用then()方法就可以实现当一个异步请求完成后再处理另一个请求或操作。同时,这样的代码也避免了使用大量的回调函数造成的“丑陋的代码”。 不过,在实际的工作中却总是不能尽人意。虽然es6越来越普及,但偶尔也会遇到一些维护老项目的情况,况且Promise的兼容性也是...
2017-08-31 00:26:00
580
转载 webpack-dev-server配置指南(使用webpack3.0)
最近正在研究webpack,听说webpack可以自己搭建一个小型的服务器(使用过vue-cli的朋友应该都见识到过),所以迫不及待的想要尝试一下。不过,在实际操作中发现,用webpack搭建服务器仍有不少坑,一方面是由于自己对文档的不熟悉,不了解webpack-dev-server的运作模式;另一方面,在翻阅了不少博客和文章后,发现不少配置实际上都跑不起来(有可能是版本的原因,也有可能...
2017-06-26 13:51:00
153
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人