nuxt按需引入 element-UI、自定义主题色（终极按需引入）
首先你要知道 nuxt.js怎么引入第三方插件 ； 一、按需引入element-UI第一步：安装 babel-plugin-component：npm install babel-plugin-component -D第二步：修改plugins/element.js文件（plugins/element.js不知道怎么来的？出门
Vuex系列教程(模块化组织 Vuex)
自制vuex LOGO前两篇讲解了一下 Vuex 的基本使用方法，可是在实际项目中那么写肯定是不合理的，如果组件太多，不可能把所有组件的数据都放到一个 store.js 中的，所以就需要模块化的组织 Vuex，首先看一下 项目结构。 项目结
vuex系列教程(Vuex 提升)
上一篇我们讲了如何通过一些简单的动作来改变 store.js 中的数据对象，在实际工作中，这是完全无法满足工作需求的，所以这篇我们来说说如何做一些简单的流程判断。 自制vuex LOGO 一、比如说我现在有这么个需求，当 count <
vuex 系列教程（入门）
Vuex 是什么？官方给出的解释：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 自制vuex LOGO相信很多新选手看完
js context 上下文
有时候是这样的，译者在翻译书的的时候不知道拿什么来对应相应的英文，就根据自己的感觉，好像大概是这个意思来强加给广大读者，让很多人不知所以然。@原磨豆浆 的大意是对的，上下文的原意是 context, 作用域的原意是scope,
Flex 布局语法教程
网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-F
axios如何全局注册
最近用 Vue 写项目的时候，用到 axios ，因为 axios 不能用 Vue.use() ，所以在每个 .vue 文件中使用 axios 时就需要 import ， .vue 文件少的话还好说，多的话未免有点麻烦。后来想了想，能不能直接把 axios 加到 Vue 的原型中，
关于Vue.use()详解
问题相信很多人在用Vue使用别人的组件时，会用到 Vue.use() 。例如：Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios时，就不需要用 Vue.use(axios)，就能直接使用。那这是为什么呐？答案因为 axios 没有 install。 什么意
vue项目搭建 （二） axios 封装篇
项目布局vue-cli构建初始项目后，在src中进行增删修改// 此处是模仿github上 bailicangdu 的├── src | ├── apis | | ├── api.js
vue项目搭建 （一）
vue项目搭建 （一）由于一直想要有自己的框架，因而一直在尝试搭建各类结构，结合vue官网及git上大神bailicangdu的项目，再看看网上一些意见，及个人思考，总结的一些，不到之处希望大家可以帮我指证，必定虚心接受技术栈： vue2+vue-rou
彻底明白VUE修饰符sync
对于VUE的初学者来讲，肯定会感觉prop的写法很麻烦，很讨厌！你肯定想如果prop也可以实现双向绑定那怎是一个爽字了得！不过现实是残酷的，如果子组件可以任意修改父组件的内容，那势必会带来数据的混乱，从而造成维护的困扰！毕竟父
深入理解vue 修饰符sync【 vue sync修饰符示例】
在说vue 修饰符sync前，我们先看下官方文档：vue .sync 修饰符，里面说vue .sync 修饰符以前存在于vue1.0版本里，但是在在 2.0 中移除了 .sync 。但是在 2.0 发布之后的实际应用中，我们发现 .sync 还是有其适用之处，比如在开发
vue+mockjs 实现前后端分离开发
在项目中尝试了mockjs，mock数据，实现前后端分离开发。关于mockjs，官网描述的是1.前后端分离2.不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。3.数据类型丰富4.通过随机数据，模拟各种场景。等等优点。总结起
NPM install -save 和 -save-dev
回顾 npm install 命令最近在写Node程序的时候，突然对 npm install 的-save和-save-dev 这两个参数的使用比较混乱。其实博主在这之前对这两个参数的理解也是模糊的，各种查资料和实践后对它们之间的异同点略有理解。遂
ES6对象的扩展 属性名表达式
1.直接用标识符作为属性名：obj.foo = true2.用表达式作为属性名：obj['a'+'bc'] = 123//相当于obj['abc'] = 1233.ES6 允许字面量定义对象时，用方法二（表达式）作为对象的属性名，即把表达式放在方括
vue：简单方法替代vuex
兄弟组件，隔代组件传值很麻烦，方法虽然多，但都各有缺点。vuex: 适合数据量大，并且函数集中处理。bus：适合数据虽少，却不得不用的时候，维护困难。root：这儿指将值挂在root组件上，需要的组件都到root上去取。有时候数据量不多，觉
promise JS宏任务微任务的执行顺序
题目描述：JS宏任务微任务的执行顺序为什么是这样的 console.log(1); setTimeout(() => { console.log(2); Promise.resolve().then(() => { console.log(3) }); }); new Promise((resolve, reject)
廖雪峰详解 Promise
在JavaScript的世界中，所有代码都是单线程执行的。由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函数实现：function callback() { console.log('Done
怎么理解JS Promise
由于昨天发了一篇关于setTimeout 的文章，里面提到了 Promise ，那篇文章里没有解释Promise的用法和含义，因为昨天的我还没太懂Promise，所以没有在那篇文章继续解释Promise，然后今天的我总算是对Promise有所理解了，然后我来谈
Vue 插槽详解
Vue插槽，是学习vue中必不可少的一节，当初刚接触vue的时候，对这些掌握的一知半解，特别是作用域插槽一直没明白。后面越来越发现插槽的好用。分享一下插槽的一些知识吧。分一下几点：1、插槽内可以放置什么内容？2、默认插槽3、
vue实例中template: '<App/>'
new Vue({ el: '#app', components:{App}, template: '<App/>' }) components 是声明有哪些组件 template 是使用哪个组件 el: '#app' 是index.html 的<div id="app"></div> App.vue <div id
let，const以及var三者的区别
最近用到一些ES6的新特性进行开发，在这过程中，发现了ES6与之前的ES5的一些不同点以及该引起我们注意的地方。特此记录下： 1、let是es6新增的声明变量的方式 ，其特点是： （1）作用域是块级作用域（在ES6之前，js只存在函数作用域以
关于Vue中的 render: h => h(App) 具体是什么含义？
render: h => h(App) 是下面内容的缩写：render: function (createElement) { return createElement(App);}进一步缩写为(ES6 语法)：render (createElement) { return createElement(App);}再进一步缩写为：render (
Vue / keep-alive
keep-alivekeep-alive是Vue提供的一个抽象组件，用来对组件进行缓存，从而节省性能，由于是一个抽象组件，所以在v页面渲染完毕后不会被渲染成一个DOM元素<keep-alive> <loading></loading></keep-laive>当组件在keep-aliv
Vue2.0 render:h => h(App)
1 new Vue({2 3 router,4 store,5 //components: { App } vue1.0的写法6 render: h => h(App) vue2.0的写法7 }).$mount('#app') vue.2.0的渲染过程：render函数是渲染一个视图，然后提供给el挂载，如