Vue总结

1.Axios的使用

① npm install --save axios	
② import Axios from 'axios';  (main.js中)
③ Axios.defaults.baseURL="http://192.168.0.1:81/result/";(main.js中)
④ let param = {};
   param.userName = 'hz';
   param.userToken = 'hz';
   this.$axios({
            method:'get',
            url:'getData', // 请求的URL后半段,前半段在第三步已经标明；
            params:{argServiceParam:param}, 
    }).then(resp =>{
      console.log(JSON.stringify(resp.data));//将JSON对象转为字符串并打印到控制台
         if(resp.data.code != 0){
           Toast('结果类型获取失败');
           return;
         }
         let temp = [];
         let result = resp.data.data;
         for(let key in result){
          temp.push(result[key]);
         }
         this.resultDatas = temp; 
   }).catch(error =>{
			
   })

2.Moment.js日期格式转换插件

①npm install moment
②import moment from 'moment'	(main.js中)
③Vue.prototype.$moment = moment;	(main.js中)
④moment().format('YYYY-MM-DD'); // 2019-04-27
	moment().format('YYYY.MM.DD hh:mm:ss'); // 2019.04.27 11:08:53
	moment().format('YYYY年MM月DD日 hh:mm:ss') // 2019年04月27日 11:08:53
	moment().year(); // 2019
	moment().month() + 1; // 4
	moment().date(); // 27
	moment().hour(); // 23	
	moment().minute(); // 12
	moment().second(); // 14
	moment().millisecond(); // 188，毫秒复制代码
	注：如果后台数据格式为2019-02-02T11:22:33 ，转换为字符串，利用replace('T',' ')方法替换掉

3.V-charts图表组件

① npm i v-charts echarts -S
② 官方文档：https://v-charts.js.org/#/
③ <ve-line :data="chartData" :settings="chartSettings" :loading="loading" :data-empty="dataEmpty" :extend="myExtend" width="320px" height="400px"></ve-line>	

4.Vue-Select

① npm i vue-select;
② import vSelect from 'vue-select';
③ Vue.component('v-select',vSelect);
④ 官方文档:https://vue-select.org/;
⑤ <v-select :options ="resultDatas" label="Name" v-model="ListResultDatas" taggable>
       <div slot ="no-options">暂无选项 </div>
  </v-select> <br/>

5.mint-ui组件库

官方文档:http://mint-ui.github.io/docs/

6.Nginx常用命令：

 nginx -t; //验证配置是否正确
 nginx -s reload; // 配置信息修改后，重新加载配置信息
 nginx -s stop;// 不保存相关信息并且退出
 nginx -s quit; // 保存相关信息并且退出
 start nginx; //启动

　　

　　目前就使用了这些工具，组件库用的Mint-ui，但是Mint-ui已经在两年前就没有维护了。

　　

　　后续找个时间把代码架构抽出来放到GitHub上。