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引入是单标签 ,可直接引入内容

      

  • 相关阅读:
    Executors线程池
    解决HtmlAgilityPack无法获取form标签子节点的问题
    nohup不输出日志信息的方法,及linux重定向学习
    将博客从jekyll迁移到了hexo
    node-webkit中使用sqlite3(MAC平台)
    借助Nodejs在服务端使用jQuery采集17173游戏排行信息
    Shell脚本中的交互式命令处理
    通过桥接虚拟网卡使VMWare和宿主机实现双向通讯
    MySql使用show processlist查看正在执行的Sql语句
    Sql合并两个select查询
  • 原文地址:https://www.cnblogs.com/shangjun6/p/10828000.html
Copyright © 2011-2022 走看看