zoukankan      html  css  js  c++  java
  • 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.全选,
  • 相关阅读:
    排序之选择排序
    排序之冒泡排序
    NOIP 模拟 $22; m d$
    NOIP 模拟 $20; m z$
    NOIP 模拟 $20; m y$
    NOIP 模拟 $20; m 玩具$
    NOIP 模拟 $21; m Median$
    NOIP 模拟 $21; m Park$
    NOIP 模拟 $21; m Game$
    NOIP 模拟 $19; m w$
  • 原文地址:https://www.cnblogs.com/wufenfen/p/12749035.html
Copyright © 2011-2022 走看看