案例积累

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;
                }
            }
        },