zoukankan      html  css  js  c++  java
  • vue2.0学习(一)

    1.解决双花括号在初始化时的闪烁,两种方式,一种是<div v-text="name"></div>,将用v-text指令来显示,类似于angular的ng-bind;

    另外一种是用v-clock配合css:

    <div v-cloak>{{name}}</div>

    <style>
      [v-cloak]{
        display:none;
      }

    </style>

    当然在这里css只需要写一次就好了。

    2.双花括号中可以运行js表达式(只能有一个),比如说if语句不可以在双花括号中运行,简单的语句可以用三目运算,复杂建议用computed;模板表达式都被放在沙盒中,只能访问全局变量的一个白名单,如 Math 和 Date 。你不应该在模板表达式中试图访问用户定义的全局变量。

    3.所有的内置filter都去掉了,所以filter只能自己去定义。

    4.var obj =  {};Object.keys(obj);这个可以取到所有的对象的属性。属于es5的方法。

    5.vue双向数据绑定的原理

    var a= {}
    Object.defineProperty(a,"b",{
      set:function(newValue){

        console.log("你要赋值给我,我的新值是"+newValue)

      },
      get:function(){
        console.log("你取我的值")
      }
    })

    var defineA = function(){
      a.b = 1;
    }
    defineA();

    这里利用的是es5的Object.defineProperty,用这种方法给每个data创建一个set和get,当给data赋值的时候,就会触发set,进而去通知v-text这个指令去改变相应的值。具体如下图

  • 相关阅读:
    BZOJ 1444 有趣的游戏(AC自动机+矩阵快速幂)
    BZOJ 1190 梦幻岛宝珠(分组01背包)
    BZOJ 1562 变换序列(二分图匹配)
    BZOJ 1483 梦幻布丁(链表+启发式合并)
    BZOJ 1222 产品加工(DP)
    java GUI编程一
    java 网络编程
    java 异常
    java 线程二
    java 线程一
  • 原文地址:https://www.cnblogs.com/Upton/p/5969475.html
Copyright © 2011-2022 走看看