Vue1+源码-深入解析Vue的path状态机

本文将深入解析Vue源码中的path状态机，介绍path状态机如何工作，以及状态机的应用情景。ps.我参考的是Vue1.0.26的源码，下面将主要针对源码中/parsers/path.js和/parser/expression.js对Vue的path状态机进行说明。什么是有限状态机有限状态机（finite-statemachine，简称FSM），是一种可以描述状态和动作的数学模型，在组件开发中常用在描述组件的状态和状态转换时触发的动作。有限状态机有以下特点：状态有限某一时刻必定处于一个状态在特定的条件下，一个状态可以向另一个状态转换这么看FSM有点抽象，现在具一个具体的例子：现在需要实现一个开关组件，开关组件有开和关两个状态。对应的，在“开”状态时，可以触发的动作是“关闭”；在“关”状态时，可以触发的动作是“开”，两个状态可以相互转换，使用JavaScript实现如下：functionStateMechine(){this.currentState='on';//当前状态}//状态列表，每个

Vuex 2 入门与提高（Vue.js 2 教程系列）

vuex计数器汇智网计数器应用的数据模型很简单：使用一个counter属性来表示计数器的当前值就够了。在Vue实例的created钩子中，应用启动了一个定时器，用来周期性地递增counter属性的值——由于counter是响应式属性，它的变化因而驱动了视图随之刷新。可以说counter抽象地表达了计数器视图的本质特征，当counter的值确定时，我们可以确定地推理出视图的表现。像counter这样可以决定视图表现的数据，在Vuex中就被称为状态。计数器应用相当简单，因此我们只需要定义一个状态就可以了。稍微复杂一些的应用，则可能需要我们抽象出成百上千的状态，这时候就需要分类管理了。例如，对于一个电商应用，我们将其购物车相关的状态归入cart类：

gulp入门看这篇就够了

前言我们经常会手工作一些代码压缩，文件目录拷贝以及整理的工作，还有一些比如编译以及文件合并，追加前缀等，而这些琐碎的工作实际已经有一个比较好的前端构建工具gulp可以帮我们批量实现。前言在目前的前端构建或者说自动化中，形成了三足鼎立的情况，分别是百度的fis,grunt,gulp.而无论是用户数还是使用难度，gulp都独占上风，众多的github项目选择了gulp作为构建工具。gulp的优点易于使用，通过代码优于配置的策略，让简单的任务简单，复杂的任务可管理。比grunt的使用简单，得到前端开发者的好评。利用Node.js流的威力，你可以快速构建项目并减少频繁的IO操作。插件品质高：Gulp严格的插件指南确保插件如你期望的那样简洁高质得工作。易于学习：通过较少的api，掌握Gulp毫不费力，构建工作尽在掌握：如同一系列流管道。图解gulp工作范畴Paste_Image.png官网相关链接gulp官网：http://www.gulpjs.com.cn/入门指南；http://www.gulpjs.com.cn/docs/g

vue入门教程

node_modulesnpm加载的项目依赖模块src这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件：assets:放置一些图片，如logo等；components:目录里面放了一个组件文件，可以不用；App.vue:项目入口文件，我们也可以直接将组件写这里，而不使用components目录；main.js:项目的核心文件static静态资源目录，如图片、字体等test初始测试目录，可删除.xxxx文件这些是一些配置文件，包括语法配置，git配置等。index.html首页入口文件，你可以添加一些meta信息或同统计代码啥的package.json项目配置文件。README.md项目的说明文档，markdown格式基本的标签语法页面组成页面由html,css,js三部分组成