vue相关知识点随记

vue随记

1． 计算属性中定义的方法里面包括get和set方法，get方法根据其他属性值动态计算当前属性值，set方法监视当前属性变化，更新其他属性值

2． 父子组件中，子组件不能直接修改父组件的值，需要通过$emit方法修改父组件的值；子组件通过props接受父组件的属性，父组件修改时，子组件对应自动修改

3． **computed计算属性，methods方法，watch监听区别：**这三者都可以定义方法，methods定义普通方法，watch在监听经常变化的属性时使用，computed只在相关的响应式依赖发生改时，计算属性才会重新求值，减少不必要的计算

4． 组件的使用，父组件通过$refs 调用子组件

5． 添加数据，使用插槽slot, slot-scope="text, record, index"三个参数分别为当前行的值，当前行数据，行索引，使用这些可以快速获取数据并使用

6． 在转化时间格式时，表单不会自动转化，需要手动转化，使用Object.assign方法用来将源对象（source）的所有可枚举属性，复制到目标对象，使用此属性来转化时间格式，不修改原有数据

7． 使用filter(item=>item.name.indexOf(this.searchText)>-1) 实现模糊查询

8． Vue-cli（vue脚手架）在配置时可以选择性添加路由等，而且运行时不需要手动更改ip,会自动生成

9． 在使用vue create antd-demo 创建项目时，可选择性配置自定义文件

10． 在提交日期格式的数据时，需要转化数据格式，提交时把日期格式转化为字符串格式使用：
moment(time).format('YYYY-MM-DD HH:mm:ss'),当需要获取数据时把字符串格式转为时间格式使用：moment(time, 'YYYY-MM-DD HH:mm:ss')

11． Record中包含一条数据中的所有属性，record.属性名 的方法可以获取属性值

12． Form表单，渲染数据时使用this.$nextTick( () => { this.form.setFieldsValue({name：“”"})});将回调延迟到下次DOM更新循环之后执行，在修改数据之后立即使用它，然后等待DOM更新

13． SetFieldsValue()设置表单值，resetFields()重置表单值，在给表单赋值时，表单必须是可视的，而且赋值的数据要一一匹配field，用不到的不要赋值即可

14． 在查询之后不能把数据直接删除，需要保存完整数据以供下次查询