首页 > 其他 > 详细

#千锋逆战班,1902#

时间:2020-04-22 00:46:28      阅读:69      评论:0      收藏:0      [点我收藏+]

在千峰"逆战"学习第12天

人生重要的不是所站的位置,而是所朝的方向;

今天正式开始vue的学习,与以前有了不同的收获,学了一些指令,如何正确的运用这些指令:

所学的知识点归纳整理如下:
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.全选,

#千锋逆战班,1902#

原文:https://www.cnblogs.com/wufenfen/p/12749035.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!