文章目录
- vuex
- vue配置form表单验证
- 移除vue中表单验证的两种方法
- 关闭vue项目的eslint代码校验
- 做vue项目出现的问题
vuex
- Vue提供的状态管理工具,用于统一管理我们项目中各种数据的交互和重用,存储我们需要用到的数据对象
- 属性
state:vuex的基本数据,用来存储变量Geeter:从基本数据生成的数据,相当于state的计算属性mutation:更新数据的方法,必须是同步的action:action提交的是mutation,而不是直接变更状态modules:模块化vuex,可以让每一个模块化拥有自己的state、action,mutation、getters、使得结构非常清晰,方便管理
vue配置form表单验证
- 必须给
el-form组件绑定model为表单数据对象 - 给需要验证的表单项
el-form-item绑定prop属性 (prop需要对应表单对象中的数据名称) - 通过
el-form组件的rules属性配置验证规则
移除vue中表单验证的两种方法
关闭vue项目的eslint代码校验
- 注释掉
.eslintrc.js文件下面代码 - 重启项目
xtends: ['plugin:vue/essential',
]
做vue项目出现的问题

- 出现原因:因为在页面中使用了
<el-dropdown></el-dropdown>,但是在这个标签里面没有设置它的子元素 - 解决方法:在
el-dropdown中添加el-dropdown-menu标签