为什么要将数据模块化？

今天使用element的表单组件时，看见表单校验规则那么一堆一堆的写在页面的data之下，很乱。
那么我想，能不能把所有的表单校验的规则放一起便于管理呢？所以我就做了这些事情…

新建一个js文件

你可以将这个js文件放在项目中任何你想放的位置。

然后在这个js文件中，写入你的数据，并使用export default将数据暴露出来，就像这样：

export default 你的数据

引入这个js文件

使用import。
你可以在你需要的页面引入它。或者也可以在main.js中引入它，并将它挂载到全局

import rules from './assets/js/rules'
Vue.prototype.$rules = rules;

使用这些数据

你可以直接调用this.$rules来读取到你之前在js文件中暴露出来的内容

console.log(this.$rules.loginRules);

总结

无论是你想统一管理数据还是方法，都可以通过这种方法实现，便于后期查找及修改。