讲了这么久，终于讲到重点了。将vuex用进我们的笔记应用项目首先建立一个文件夹用来放vuex吧按照那篇博文的写法，一个store.js 和 actions.js再想一下一个笔记应用需要哪些数据呢？1、笔记数据2、以及当前活动的笔记数据（即正在编辑的笔记）好像就只有这个数据了吧。对于笔记也就只有增删查改，以及设置当前编辑笔记和喜欢的笔记了这里是store.js的代码，我现在尽量代码风格都偏

vue实现分页，模块化实现的碎碎念。这篇讲一下我是如何在项目中抽离出分页模块的。这段时间做的项目让我很头疼，因为前面写代码的时候没有考虑很多东西，写到后面就发现代码越来越重。而且在不同页面都有相同的代码，比如分页。前有大神说：长痛不如短痛。我最近超级苦恼，已经停止好几天没有写代码了，就是因为不断的写，代码越写越丑。比如我跟某人的抱怨：但是这样下去也不是办法，最近又被老板逼着写

经过一个国庆没有写代码，感觉突然就生疏了，于是先总结一下国庆节之前的工作，并介绍一下用到的Vue技术。这里讲一下，我是如何用Vue实现分页的。html部分——分页代码<nav><ul class="pagination"><li v-bind:class="{'disabled': page.disabled, 'active': page.active }" v-for=

上一篇，我们已经借助vue-cli把环境搭建好了，这一篇就开始介绍如何写笔记应用的界面了。我们借鉴的博文划分得很清楚因此在components中建立三个组件。toolbar.vue，noteList.vue ,Editor.vue再提一句vue-cli采用的es6语法。因此它的模块化语句就是：export default {name: 'hello',data () {re

前期看了很多webpack的介绍，之前一直用requireJS或者browserify，真正决心来使用webpack，实在是因为webpack好像确实功能更全。这期想做的是通过webpack和vue-router搭建一个单页应用，并且将vue的transition组件加进去，做一个幻灯片的样子。首先，贴上我的环境。开始step1：安装vue cli推荐更改为cnpm（淘宝的镜像），这样下

前面我们仅仅只是搭建了一个简单的界面，并没有使用vuex来进行数据管理。下面我们开始怎么使用vuex，因为我也是初学，所以一边学一边写吧。vuex有中文文档：其实讲得很清除 https://vuex.vuejs.org/zh-cn第一步 安装vuexcnpm install vuex -g --save-dev 为什么要使用vuex?在vuex文档里写得很清楚，一个vue就是这样的，有dat

这一篇只介绍了vue-cli，下一篇介绍搭建笔记应用界面

因为之前的项目用了vue，但是是边学边用，很多细节都不熟悉，比如vue-router，之前也写过vue+browserify构建大型应用。这次写一个vue最强大的功能，就是vue的组件。首先推荐一个博客，真的写得非常好，当然官方API也写得很好。http://www.cnblogs.com/keepfool/p/5625583.htmlvue组件基本步骤这个图也是盗用这个博客的，所以先声明一

前言最近在写一个项目，然后由于采用的前后端分离传递数据，页面的渲染由前端来完成，于是就想说试一下vuejs，因为实在是不想用jq的dom操作，jq的dom操作对于页面的节点增加和删除，我感觉还好。但是用于表单的渲染，确实要不断地获取dom，并对节点进行更改操作，确实很复杂。说一下项目背景是做一个助管工资录入系统，我为什么接了这个活儿了呢，因为是采用前后端分离，感觉能学到很多东西。没错，又只有我一