为什么要将数据模块化?
今天使用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);
总结
无论是你想统一管理数据还是方法,都可以通过这种方法实现,便于后期查找及修改。