前端难点总结_前端项目难点

1.Methods介绍:

1.不同调用模式this指向不同 2.methods.data等类似于家里的柜子,不同的柜子盛放不同的物品就代表每个柜子的功能不一样,但地位相同, data: 变量 methods:自定义变量 computed:计算属性 watch :监听器 directives:指令 filters:过滤器 3.只有methods里面才可以拿到组件,才可以进行业务处理

2.validate的使用步骤

1.页面加载后对表单进行验证$('#表单id名').validate({}), 2.在validate中的rules中编写验证规则(格式如下) 1.字段的name属性:效验器(tisps:一个输入框只有一个效验器的时候使用) 2.字段的name属性:{效验器:值,效验器:值}(tips:tips:输入框需要有多个校验器的时候使用) 3.在validate中的messages中编写提示信息(tips格式与rules相对应) 4.在validate中的submitHandler中编写验证通过执行的内容)

如果后台要请求体参数,传递data 如果要查询字符串参数,传递 params

3.手动兜底验证

定义验证规则。data()中按格式定义规则 在模板上做属性配置来应用规则（三个配置） 给表单设置 rules 属性传入验证规则 给表单设置model属性传入表单数据 给表单项（Form-Item ）设置 prop 属性，其值为设置为需校验的字段名

token: 存入vuex的作用: vuex是存放公共数据的,把token存入vuex,需要带token访问的页面就可以直接调用

4.vuex总结

vuex是一个专为vue.js应用程序开发的状态管理模式,采用集中式存储管理应用的所有组件的状态,解决

多组件数据通信.

1.state:统一定义公共数据(类似于data(){return{a:1,b:2,xxxxxx}})

2.mutations:使用它来修改数据(类似于methods)

3.getters:类似于computed(计算属性,对现有的状态进行计算得到新的数据 --- 派生)

4.actions:发起异步请求

5.modules:模块拆分

向Vue实例注入store

1.导入store

2.注入Vue实例

import store