vue开发常用的一些工具库

vuex 状态管理 开始 | Vuex

    state：store.state, mapState

    getter：store.getter, mapGetter （可带filter功能）

    mutation：store.commit, mapMutation （必须是同步操作）

    action：store.dispatch, mapAction（可以是异步操作）

    moudles：可拆分

vue-router 路由管理 Vue Router | Vue.js 的官方路由

    addRoutes 实现动态路由的关键

    beforeRouteLeave > beforeEach （> beforeRouteUpdate）> beforeEnter > beforeRouteEnter > beforeResolve > afterEach

    history模式下，需nginx或node的后端同步的配置配合 

axios 用于处理数据请求的http库，可在拦截器中进行整体请求处理，loading、加解密什么的

1
2
3
4
5
6
7
8
9
axios.create()
axios.interceptors.request.use(request => {
    // do something
    return request
})
axios.interceptors.response.use(res => {
    // do something
    return res
})

cookie

    Cookies 可以被浏览器自动附加到每一次请求， Vuex 自带双向绑定

vuex刷新保持

1
2
3
4
5
6
7
8
import createPersistedState from "vuex-persistedstate"
const store = new Vuex.Store({
// ...
// plugins: [createPersistedState()]
plugins: [createPersistedState({
storage: window.sessionStorage
})]
})

crypto 加解密模块（有篇专门写了~）

moment 处理时间数据的格式、转换、计算等。文档 | Moment.js 中文网

lodash 数据处理函数库 Lodash Documentation

    get：能在obj不存在的情况下，取属性不报错

    merge：能合并多个对象的属性，同一属性，前后对象的合并 （assign同一属性会被后面的对象的属性覆盖）

    PS：复制一个对象

1
2
3
const target = _.merge({}, obj)
const target = _.cloneDeep(obj)
const target = {...obj}

最后

以上就是热心烤鸡最近收集整理的关于vue开发常用的一些工具库的全部内容，更多相关vue开发常用内容请搜索靠谱客的其他文章。