袁杰Jerry

本节主要包括以下内容：应用中心界面的布局mt-swipe，loadmore，mt-cell，mt-actionsheet等组件的使用echarts的使用1.应用中心界面的布局页面的大体结构是一个头标题，走马灯的图片展示区域，和下面的子应用的icon展示。

在上一节分析了，Vue的构造函数中，只有一句this._init(options)，可见这行代码的重要性。今天我们就来详细的看看这个函数主要干了什么事。为了不那么抽象，我会用一个简单的例子来贯穿整个讲解。这个例子非常简单。var app = new Vue({ el: '#app', data(){ return { name: 'hello' } }...

开始之前，我们先看看src目录的结构目录结构compiler编译器corevue的核心部分，包含响应式原理、vdom，内部组件等platforms因为vue是跨平台的(web 与 weex)，在不同平台的编译、运行等行为有所不同，所以这里是给这两个平台量身定制的server服务端渲染相关sfc单文件组件的解析shared全局共享的工具函数(util.js)和常量(con...

本文是vue2系列源码的第一篇，主要是介绍了vue全局工具方法，并且深入的剖析了一些比较重要的方法。总的来说，这些工具方法还是比较容易理解的，但是对JavaScript基础有一定的要求，比如函数、闭包、对象等基本重要的概念要理解。

本文记录了一些vue项目中的一些经验，包括项目结构，路由管理，路由使用技巧，公有组件抽取，公有方法抽取，样式管理等，欢迎围观。

今天介绍vue开发中用的最多的国际化插件：vue-i18n。本文主要参考官网文档，并且结合项目实际需要做了些改进。欢迎围观。

最近项目上有这样一个需求，做统计图表的展示，但是要在一个页面实现图表的切换和按日期条件的查询。类似这样的。点击图标选择器会弹出一个列表供用户选择要看的图表类型，图表选定后，点击右上角的选择日期会查询数据刷新当前的图表。其实，这种需求最简单的做法，就是将所有的图表写在一个界面中。但是每个图表的配置项不同，图表一多的话，界面代码将会非常臃肿且难以维护。所以我没有使用这种方法。我采取了子路由的方式。首先...

现在下拉刷新和上拉加载更多是很常见的需求，并且在列表上的用户交互（比如删除当前列表项，标记当前列表项为收藏等）也是非常常见的需求，mint-ui提供了Loadmore组件和CellSwipe组件分别实现了上述两种功能。关于两个组件的详细使用，这里不废话了，官网的例子跑一边基本上就掌握了。这里主要介绍两者结合使用，完成常见的用户操作

概要下拉刷新是很常见的应用需求，也是目前很主流的一种交互手段，之前一直使用的是mint-ui的load-more组件，但是要配置的项太多，比较复杂，今天有空自己写了一个下拉刷新的组件，主要是自己体会一下这种组件的实现机制和编写的难点，折腾了一个小时，终于写出了一版像样一点的，也算是小有收获吧，这边文章记录了写该组件时遇到的一些问题及解决办法。首先，你需要会的知识点有：1.H5的touch事件2.父...

本文主要介绍vue移动端使用富文本编辑器的使用及常见问题处理。参考组件vue-html5-editor。本例主要基于vue-cli脚手架创建。更多vue相关应用请参考：https://github.com/JerryYuanJ/a-vue-app-template1.项目创建与初始化创建一个vue-cli项目，建议在安装的时候不要使用ESLINT做代码检查，练习的项目不需要这种检查机...

本节主要包含以下内容数据mock和axios的使用用户圆形头像的显示样式1.数据mock首先我们先在mock文件夹中定义一个标准的json数据文件data.json{ "my": { "name": "周一", "age": 39, "gender": "男", "job": "开发工程师", &

之前学习vue的知识期间，自己写了一个基于mint-ui的移动小应用，主要是将vue相关的知识串联起来一起使用，形成一个开发体系。今天晚上将这个小项目整理了一下，做个笔记。项目包含的知识点如下：vue-router管理项目的页面跳转vuex管理应用的公共状态axios进行网络请求，包括跨域的配置mock数据进行本地数据模拟mint-ui常用组件的使用合集：mt-swipe，

本节包含以下内容：使用vue-cli脚手架搭建一个项目项目的主界面搭建vue-router的使用1.项目搭建使用vue-cli的脚手架可以帮助我们快速的搭建一个基于webpack的vue项目，在命令行输入 vue  init  webpack '项目名称'  ，可以快速的创建一个完整的工程。这里一路的敲回车保持默认就可以了。其次我们进入项目根目录，在命令行输入

本节主要包含以下内容：首页大致布局vuex进行底部tabbar的显示与隐藏控制和tab选中控制mint-cell-swipe组件的使用1.vuex的引入与使用2.首页布局与mint-cell-swipe的使用

上一节可以看成是merge数据前期准备，下面就介绍到了我们的mergeOption的重头戏啦——merge。先看代码（仍然是mergeOptions里面的代码）：const options = {}let keyfor (key in parent) { mergeField(key)}for (key in child) { if (!hasOwn(parent, key)) ...