vue知识点12

 

知识点归纳整理如下：

1. 数组用下标改变，或者对象增加属性，这样的改变数据

  是不能触发视图更新的，要用 Vue.set(对象,属性，值) 或this.$set(对象,属性，值)

2. this.$forceUpdate();  //不推荐使用 

3. v-once

4. 计算属性 computed

     计算属性可以对数据（data)进行各种加工和计算，返回加工和计算后的值，

     用计算属性，模板里就可以直接拿到对数据计算和加工的结果。

     而且这个结果是随着数据变化，自动发生改变的

     方法里使用计算属性  this.计算属性变量

       模板里使用  {{ 计算属性变量}}

 5.v-model  双向绑定指令  v-bind数据变量，视图会变，但是做不到视图改变了，数据也会改变

     数据改变了，视图会改变

     视图改变了，数据也会改变

6.v-model 的修饰符

   .lazy - 取代 input 监听 change 事件

   .number - 输入字符串转为有效的数字

   .trim - 输入首尾空格过滤

7.计算属性的双向绑定

   常用的语法

       computed:{

            属性(){

                return 表达式或值

            }

            等价于

            属性:{

                get(){

                    return 表达式或值

                }

            }

       }

       双向绑定

            computed:{

                属性:{

                     get(){

                         return 表达式或值

                     },

                     set(v) v就是修改后的值

                     {

                        ....

                     }

                }

            }

  8.全选，