vue相关知识点随记

发布时间:2023-04-26 17:00

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. 在查询之后不能把数据直接删除,需要保存完整数据以供下次查询

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号