# vue admin template 自己不断修改的vue admin 模板 ## 全局的form表单验证 ```html 提交 ``` ## 需要共享的全局枚举参数 > 全部放在`@/utils/enum.js`里面,已全部挂载到Vue.prototype下面 ## 需要共享的全局方法 > 全部放在`@/utils/filter.js`里面,已全部挂载到Vue.prototype下面 ## 所有的api请求 > 统一的axios参数在`@/api/index.js`下面,已全部挂载到Vue.prototype下面 ```js // 具体使用方法,例: // methods: { async handleSubmit() { this.$refs.form.validate(async valid => { if (valid) { // this.$fetch第三个参数可选,默认'post',如果是使用get方法,第三个参数传'get' const data = await this.$fetch('/v1/front/otherApi', { ...this.form }) if (data.code === 0) { this.$message.success('提交成功') this.$emit('success') this.dialog = false } else { this.reloadImg() } } }) } } ``` ## dialog弹窗 > dialog弹窗尽量使用组件引入,dialog例子在`@/components/_dialog/exampleDialog`里面 ```html ``` ## 表格统一分页,统一风格 > 使用`@/mixin/page.js` 使用前最好看一下 > 下面例子包含了表格统一和全局枚举(enum)的应用 ```js // 页面引用js部分 import page from '@/mixin/page' export default { mixins: [page], data() { return { time: [], searchForm: {}, tableData: [], tableUrl: '/v1/front/user/list' } }, methods: {}, mounted() { this.init() }, } ``` ```html ``` ## other 1. 有一些不需要放在vuex下面的,可以使用事件总线$bus,在`@/utils/vue-bus.js`里面。 ## 需要node环境,最好在v10以上 ### 安装依赖 ```bash yarn ## or npm i ``` ### 最后 打包 ```bash npm run build ## or yarn build ``` ### 项目原型 ### 接口地址 [API]() ### 页面地址 [测试]() [生产]()