zoukankan      html  css  js  c++  java
  • 小程序的数据绑定

      所有组件的属性都是小写

      rpx与px的一个区别:rpx是响应式的屏幕像素     

      

      来自页面的js文件中的 Page()方法中的 data对象 

      页面的数据要用 mustache 语法   变量名加双{}包起来  这种语法的强悍之处在于,可以在页面的各个角落都可以传数据,

      而且还能直接在页面中解析出数据,运算等等。。。  所以,它相当于html和JavaScript的运行环境结合在了一起,可以更

      简单,占的内存更小的;  后面可能都是在页面上进行判断

      运算符绑定:显示标签当对应的内容;

      列表渲染:

      

      带()都是我个人的分析

      wx:for=    指当前的元素 (数组) 

      wx:for-item=  指想要的一个变量名    (自定义的属性    类似于  item:items  赋值的情况)

      wx:key=    代表我们列表的唯一标识符,刷新页面会重新排序(下标)

      条件渲染:

      

      wx:if=       条件语句:如果

      wx:elif=    条件语句:否则,如果

      wx:else=  条件语句:否则

      这是个多条件的判断       通过数据传值    让页面的变量得到这个值,然后进行判断;

      hidden属性   :(类似于三目运算);   如果属性值为false或0  就显示   意思为(不隐藏)  hidden的属性值为true  意思为隐藏

      

      hidden和wx:if的区别?

        hidden:为初始渲染效果,  组件始终都会渲染

        wx:if:拥有更好切换的效果,达到条件后会将之前的渲染的销毁,在重新渲染

      模块的引用

      

      模板用template标签来显示,name属性他的属性值,代表模板的名字

      模板的引用  template   通过is属性得到具体的哪个模板,通过data属性传入数据          {{...}} 拓展运算符

      注意:模板拥有自己的作用域,所以,不受外来的影响;

      引入模板文件的方式:import  include

      import方式:只引入模板的内容

      

      通过src属性,引入模板文件的路径     应用的话通过template is属性   属性值为模板名称

      include方式:引入除了模板的内容

      

      通过src属性,引入模板文件的路径

      注意:关键一点:不管是import引入还是include引入,都必须在一个文件夹下;

         特殊部分:incluede引入是单标签 ,可直接引入内容

      

  • 相关阅读:
    【计算机视觉】深度学习视觉领域常用数据集汇总
    【计算机视觉】常用图像数据集
    【计算机视觉】ImageNet介绍
    【神经网络与深度学习】卷积与反卷积
    【视频开发】【计算机视觉】全景视频拼接关键技术
    【计算机视觉】分辨率与超分辨率图像重建
    【计算机视觉】【神经网络与深度学习】深度学习在图像超分辨率重建中的应用
    【VS开发】【C/C++开发】关于boost库的C++11导致的undefined符号问题
    【VS开发】【C/C++开发】vs2015编译boost 64位
    【视频开发】【计算机视觉】相机标定(Camera calibration)《二》
  • 原文地址:https://www.cnblogs.com/shangjun6/p/10828000.html
Copyright © 2011-2022 走看看