前面的话最近通过 《深入浅出webpack》学习webpack的使用，由于这本书编写的时候webpack还是3的版本，但现在webpack以及升级到4了，有些插件以及废弃了，又或者需要配合其他插件使用，这里将学习过程中遇到的问题记录下来。vue-loader的使用vue-loader的作用是解析和转换.vue文件，提取出其中的逻辑代码script，样式代码style以及HTML模板tem...

前面的话Vue每日一练，巩固基础，不打烊！！！解答参照尤大大的回答，小柒总结一下：mutations里的同步意义在于，每个mutation执行完毕之后，可以得到对应的状态，使用devtools可以跟踪状态的变化如果是异步的，就没法知道状态是什么时候更新的，才有了actions。actions用来专门处理异步，里面触发mutations，就可以很清楚的看到mutation是何...

前面的话现在的一些主流项目中（如Vue）的devDependencies,会发现不少的插件（如 TypeScript、babel、webpack、vue-cli 这些插件在开发中都充当着重要的角色，而这些插件都基于AST进行开发的的。定义AST : 全称为 Abstract Syntax Tree，意为抽象语法树，他是源代码语法结构的一种抽象表示demo1看一个简单例子：const ...

前面的话以前使用vue-cli，vue init webpack project-name一行命令就可以初始化一个我们自己的项目,小柒觉得好神奇，之后研究啦一下vue-cli,其实就是一个高级版的克隆。然后就决定自己实现一套属于自己的脚手架（xq-cli），目前xq-cli脚手架已经实现了有一段时间了，决定拿出来分享。xq-cli脚手架功能创建项目询问用户：询问用户新建项目的基本信息下...

每日一练 /2.16vue为什么要求组件模板只能有一个根元素?我们在使用单文件组件时，一般这样写：<template><div class='component'></div></template>为什么template下必须有一个根元素？首先看一看template这个标签，这个标签是html5的新标签，有三个特性：隐藏性：不...

前面的话上一篇文章介绍了Vue.js的基本的模板语法，除了模本语法，还有逻辑语句：条件与循环。这篇文章将介绍Vue.js的条件与循环语句。●条件语句js中的条件语句 if、else、else if，在Vue.js中有类似的指令：v-if、v-else、v-else-if。[v-if]v-if指令： 根据表达式的值渲染DOM元素，如果表达式的值是true,那么将元素插入DOM中，否则将从D...

前面的话Vue每日一练，巩固基础，不打烊！！！解答首先Vue中有一个重要的概念：异步更新队列Vue异步更新DOM的原理：Vue在观察到数据变化时，并不是直接更新DOM，而是开启一个队列，并且缓存同一轮事件循环中的所有数据改变。在缓冲时会除去重复的操作,等到下一轮事件循环时，才开始更新。异步更新队列实现的选择 ： Vue会根据当前浏览器环境优先使用原生的Promise.then和Muta...

前面的话当需要让组件组合使用，混合父组件的内容与子组件的模板时，就会用到slot，这个过程叫作内容分发（transclusion）。props传递数据、events触发事件和slot内容分发就构成了Vue组件的3个API来源，再复杂的组件也是由这3部分组成的。 本文将详细介绍内容分发slot。编译作用域正式介绍slot前，需要明确编译的作用域在哪。比如父组件的有如下模板：<chil...

前面的话在开发过程中，避免不了使用一些小图标，这篇文章介绍fontawesome。安装命令行敲：npm install font-awesome --save在入口文件index.js中引入：import 'font-awesome/css/font-awesome.min.css';使用方法<i class="fa fa-home fa-lg"> 主页</i...

前面的话Vue 的核心是数据与视图的双向绑定，当我们修改数组时，Vue会检测到数据变化，所以用v-for渲染的视图也会立即更新。Vue为了增加列表渲染的功能，增加了一组观察数组的方法，而且可以显示一个数组的过滤或排序的副本。这篇文章将介绍Vue数组更新及过滤排序。变异方法Vue包含了一组观察数组变异的方法，使用它们改变数组也会触发视图更新。●push()接受任意数量的参数，把...