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、加解密什么的

axios.create()
axios.interceptors.request.use(request => {
    // do something
    return request
})
axios.interceptors.response.use(res => {
    // do something
    return res
})

cookie

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

vuex刷新保持

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：复制一个对象

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

最后

以上就是热心烤鸡为你收集整理的vue开发常用的一些工具库的全部内容，希望文章能够帮你解决vue开发常用的一些工具库所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。