zoukankan      html  css  js  c++  java
  • wepy

     

    wepy内部封装的一些基类,我们要注意以 “$”开头命名,最好不用

     

    关于wepy基类文档,请查看

    关于$apply,其实就是主动刷新DOM,来更新数据.

    何时使用它? 

    答. 你为data里面的数据进行绑定的时候

    答. 异步更新数据,手动刷新DOM

    何时使用它失效?

    答.在data没有初始化它变量时

    最简单的示例如下

     1 <style>
     2 </style>
     3 
     4 <template>
     5     <view>监听值:{{num}}</view>
     6 </template>
     7 
     8 
     9 <script>
    10 import wepy from 'wepy';
    11 
    12 let _page,_this;
    13 
    14 export default class ep extends wepy.page {
    15   data = {
    16     num: 1
    17   };
    18 
    19   // 监听器函数名必须跟需要被监听的data对象中的属性num同名,
    20   // 其参数中的newValue为属性改变后的新值,oldValue为改变前的旧值
    21   watch = {
    22     num(newValue, oldValue) {
    23       console.log(`num value: ${oldValue} -> ${newValue}`);
    24     }
    25   };
    26 
    27   // 每当被监听的属性num改变一次,对应的同名监听器函数num()就被自动调用执行一次
    28   onLoad() {
    29     _this = this;
    30     setInterval(() => {
    31       _this.num++;
    32       _this.$apply();
    33     }, 1000);
    34   }
    35 }
    36 </script>
  • 相关阅读:
    C语言中scanf函数的实现
    Express中设置cookie,session,token
    ajax2.0提供的FormData
    将json字符串解析为对象的三种方式
    ajax中的跨域问题
    html5中的图片预览
    jQuery中的ajax
    jQuery中的表单序列化
    实现一个瀑布流
    ajax
  • 原文地址:https://www.cnblogs.com/cisum/p/9879800.html
Copyright © 2011-2022 走看看