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上。
版权声明:本文为ZeGod原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。