vuex4.x+ts的简单用法
 
 
 
vue3已经出来有段时间了，vuex4.x最近也刚刚出来，然后就想着用vue3+ts做一个项目
 这篇文章用来记录vuex4.x 中module的使用
 
 
定义模块
 
命名空间
 
 
 
namespaced: true 命名空间 防止模块命名冲突
 设置后调用mutations和action需要
 ‘模块名/方法’ 例如 app/setMenuList
 
 

export const app = {
    namespaced: true, // 防止模块命名冲突 设置后调用mutations和action需要
    //   '模块名/方法' 例如  app/setMenuList
    state: {
        menuList: [],
    },
    getters: {
        menuList: (state: any) => state.menuList,
    },
    mutations: {
        setMenuList(state: { menuList: any }, menu: any) {
            state.menuList = menu
        }
    },
    actions: {
        menuFn(store: any,data:any) {
                store.commit('setMenuList', data)

        },
    }
}

 
使用模块
 
在store/index.ts 文件中使用app模块
 
import { createStore } from "vuex";
import {app} from './modules/app'
export default createStore({
    state: {},
    mutations: {},
    actions: {},
    modules: {
        app
    },
});
 
访问(在vue文件中使用)
 
一、加命名空间访问方式
 
 
页面中获取state中值
 const menuList = store.state.app.menuList
 
 
getter
 const menuList = store.getters['app/menuList']
 
 
mutations
 store.commit('app/setMenuList', '要修改的数据')
 
 
action
 store.dispatch('app/menuFn', '要修改的数据')
 
 
二、不加命名空间访问方式
 
 
页面中获取state中值
 const menuList = store.state.app.menuList
 
 
getter
 const menuList = store.getters.menuList
 
 
mutations
 store.commit('setMenuList', '要修改的数据')
 
 
action
 store.dispatch('menuFn', '要修改的数据')
 

做预测时用到 forecast函数，但是总是会报Error in ts(x) : 'ts' object must have one or more observations这个错误
 
 
 
解决方法是导入state包，用state内部的arima函数，而不是直接使用arima函数
 
 
 
 
类似于这样。。。。。

一、vue-cli脚手架工具创建项目
 
项目源码地址：github源码地址
 1. 如果没有安装vue-cli脚手架工具，可以通过下面的命令安装（两种方式）
 
 1. npm install -g @vue/cli 
 2. yarn global add @vue/cli
 
2. 创建vue项目
 
vue create vuex_ts
 
3. 我们可以在这里手动选择配置：
 
 4. 点击上下箭头移动选项，点击空格选中和不选中某个选项
 这里我选择了：Choose Vue version、Babel、TypeScript、Router、Vuex、CSS Pre-processors、Linter / Formatter
 
 5. 具体的选项，以及我的选择
 
 6. 启动项目
 
 1. cd vue-ts
 2. npm run serve
 
7. 无命名空间的state、getters、mutations、actions的使用
 
 8. 有命名空间之state使用
 
 9. 有命名空间之getters使用
 
 10. 有命名空间之mutations使用
 
 11. 有命名空间之actions使用
 

1.ts（）函数将其转化为时间序列
 
时间序列对象是一种专为时间序列分析而设计的对象类型，其中包括两个维度，一个是描述指标的数值，还有一维是时间。时间序列对象和一般数值型向量类似，只不过是加了一个时间的描述。
 在R语言中可以使用ts(数据向量，frequency=表示将时间分开的时间间隔，start=c(第一个数据所表示的年，月))。
 
 
 
sales.data<-read.csv(“citysales.csv”) #读取处于R工作目录下的一个文件
 sales.data #可以看见读取的数据为一个data.frame数据框
 City ProductA ProductB ProductC
 1 Seattle 23 11 12
 2 London 89 6 56
 3 Tokyo 24 7 13
 4 Berlin 36 34 44
 5 Mumbai 3 78 14
 sales1<-c(sales.dataProductA,sales.dataProductB,sales.data$ProductC) #把数据提取出来形成一个数值型向量，以便于使用ts时使用
 sales1 #可以看到已经转变为了一个数值型向量，共有十五个数据
 [1] 23 89 24 36 3 11 6 7 34 78 12 56 13 44 14
 sales.ts<-ts(sales1,frequency=12,start=c(2014,1)) #使用ts函数对数据将刚才数值型向量转化为一个时间序列对象，数值就是指标，然后为每一个数据加上一个日期标签，就完成时间序列的转化。Frequency等于12表示将这15个数据划分到十二个月中，超过的从第一个月开始，以此类推，start表示第一个数据所处的年和月份。
 sales.ts
 Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
 2014 23 89 24 36 3 11 6 7 34 78 12 56
 2015 13 44 14
 plot(sales.ts,type=“b”,col=“red”)#画出这个时间序列的图，x轴根据时间序列转化为的矩阵时间表示，纵轴表示指标数据。