微信小程序开发2——数据绑定、控制属性

数据绑定

index.wxml

<!--index.wxml-->
<view class="container">
 <!-- {
  { }}  小胡子语法  专门用于输出逻辑层暴露的数据-->

  <text>{
  {message}}</text>
  <!-- input 默认是没有边框样式的 -->
  <!-- mustache 可以作用在元素的  内容 和 属性 上 -->
  <input value="{
  {message}}"></input>
  <input value="{
  {message}}dsihgfrug"></input>

  <text>{
  {1+1}}</text>
  <text>{
  {message+1}}</text>

  <!-- 一般情况下，属性值最好用双引号引起来，属性值最好不要省略 -->
  <checkbox checked="true"></checkbox>
  <checkbox checked="checked"></checkbox>
  <checkbox checked></checkbox>
   <!-- 在小程序的wxml中属性的值 如果只是在双引号内部  它永远是字符串 -->
   <!-- 解决方法是借助于小胡子语法 -->
   <!-- mustache 可以用于申明有类型的值 -->
  <checkbox checked=""></checkbox>
  <checkbox checked="dsfijri"></checkbox>
  <checkbox checked="false"></checkbox>
  <checkbox checked="{
  {false}}"></checkbox>
  <text>{
  {foo.addPostfix(message)}}</text>
</view>

<!-- wxs标签 类似于 html中的 script标签 ，可以定义一些行内脚本-->

<wxs module="foo">
     //这里可以导出一个对象，这个对象可以直接在界面上使用 
     //这里的代码必须遵循 common js 规范 
    module.exports={
        addPostfix:function(input){
        return input+' wxs'
      }
    }
</wxs>

index.