数据绑定、事件绑定、事件传参、列表渲染、.wxss跟css

1.数据绑定

  插值语法的使用

1. 绑定内容   

使用{ {}} 跟vue类似

<view>{ {name}}</view>   

在.js文件中写

Page({

  data: {

    name:'HELLO WORD'

  },

2.绑定属性

跟vue不同，vue想实现这种效果得要src前面加个：

<image src="{ {img}}" mode="heightFix"></image>

在.js文件中写

Page({

 data: {

    name:'HELLO WORD',

    img:'/images/lufei2.jpg'

  },

3.运算（三元运算，算术运算）

《1.》三元运算

写函数不用加 '  '

在调试器中国AppData可以查看数据

<view>{ { shuju >=5 ? '随机数大于5或者等于5' : '随机数小于5'}}</view>

在.js文件中写

Page({

 data: {

    shuju:Math.random() * 10

  },

《2.》算术运算

<view>{ {nucs*100}}</view>

data: {

    nucs:Math.random().toFixed(2),  toFixed可以规定小数的位数   现在是规定两位小数

  },

2.事件绑定

bindtap的语法

bindinput