案例积累

最新推荐文章于 2021-07-25 04:09:47 发布

予倾

最新推荐文章于 2021-07-25 04:09:47 发布

阅读量135

点赞数

分类专栏：学习记录

本文链接：https://blog.youkuaiyun.com/QZ9420/article/details/111419775

版权

学习记录专栏收录该内容

4 篇文章

订阅专栏

本文介绍了Vue开发中的多个小知识点，包括发起ajax请求的时机、处理promise、对象复制、ref属性操作DOM、表单验证、提示框设置、页面跳转、过滤器和监听器使用、数据绑定等，还提及密码加密和计算属性等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue中的小知识点：

1、发起ajax请求，一般从created里边调用
2、调用接口返回的是一个promise用.then来获取值
3、Object.assign(target,source)把source中的值复制给target
4、ref 被用来给DOM元素或子组件注册引用信息。引用信息会根据父组件的 $refs 对象进行注册。如果在普通的DOM元素上使用，引用信息就是元素; 如果用在子组件上，引用信息就是组件实例
注意：只要想要在Vue中直接操作DOM元素，就必须用ref属性进行注册

子组件：
父组件方法中使用：this.$refs.son1

5、substr：从字符串中抽取指定数目的字符
6、valdate：表单验证，格式是否符合规则
7、$message：提示框后边可以跟confirmButtonText：“确定”，cancleButtonText：“取消” ==>duration 提示显示时间，单位是毫秒
8、清空表单：resetFileds
9、提交表单中的数据，调用onSubmit（）事件
10、this.$router.push（）页面跳转
11、getList()获取分页数据
12、过滤器：filters：{} “|”管道符
过滤器的使用：在filter中定义一个方法A ，并对相应的值加管道符方法：value|A
13、watch监听器：watch：{}，监控谁谁就是函数
14、@onChange=“A（index，value）”，在按钮中点击时触发A事件
15、<input :value="msg" @input ="msg">
① :value=“msg” ：在输入框中、单向数据绑定
②@input =“msg” 将msg中的内容赋值给input
③在组件上：v-model等价于:value+@input
16、Location.reload:重新加载
17、split（“，”）用逗号进行分割
18、密码使用MD5加密处理：password=md5（password，config.KEY）
19、计算属性的对象形式：


        computed:{
            selectServiceList:{
                // 计算属性还可以写成对象的形式
                get(){  // 使用计算属性时，它默认会走get
                    // 计算属性要看返回值
                },
                set(newValue){  // 当设置计算属性时，它会走set

        },
        computed:{
            visible:{
                get(){
                    return this.value
                },
                set(visible){
                    this.value = visible;
                }
            }
        },