/vue2-vuex2-router2-blog

vue2-vuex2-router2-blog

Primary LanguageJavaScript

vue2-vuex2-router2-blog

vue2-vuex2-router2-blog

技术

  • vue2
  • vue-router2
  • vuex2
  • fetch
  • node

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

vuex 小结

  • 在 actions.js 中书写 request 请求, 实现数据请求复用
  • 从 getters.js 中读取数据
  • vue 组件不可以直接修改state中的数据, 只能通过 dispatch 一个 action, 通知 mutations 去修改 state
  • vuex2.x 比 vuex1.x 的 actions.js 不一样了, 由原来的 dispatch 改为了 commit 分发事件了

升级日志

2016/10/24

  • 更新 router.js 路由异步加载
  • 添加全局钩子和组件内的钩子
  • 在 router.js 添加滚动行为
  • 通过在 App.vue 页面定义的方法可以通过 router-view (如: <router-view transition='display' transition-mode='out-in' :get-app-data="getAppData"></router-view>) 传递给子元素。

2016/10/07

  • 升级vue1.x 到 vue2.x

2016/09/30

  • 修改eslintrc.js
"env": {
  "browser": true,
  "node": true
},

  • 封装 fetch 接口

  • ~~拆分 store.js(现只改造了article) [三大改造完成]

Bug

2016/09/29

  1. 由于 router.js 的 beforeEach 没有 调用 next() 方法 导致路由没起作用
  2. 实现 fetch 跨域请求