微信小程序开发每日一写--3

 今天差点没找到index.js文件，只有ts，只有在javascript基础模板中才有js文件。

关于WXML的渲染代码段

 

 首先是关于index.js文件代码：

// index.js
// 获取应用实例
const app = getApp()

Page({
  data: {
    info:'hello world'
  },
})

 下边是关于WXML渲染的代码：

<!--index.wxml-->
<view>{{info}}</view>

 成果：

WXML代码：

<!--index.wxml-->
<view>{{info}}</view>
<image src="{{imgSrc}}" mode="widthFix"></image>

index.js代码：

// index.js
// 获取应用实例
const app = getApp()

Page({
  data: {
    info:'hello world',
    imgSrc:'https://codeforces.org/s/38414/images/codeforces-sponsored-by-ton.png'
  },
})

 成果：

关于三元运算的代码

 

WXML的代码：

<!--index.wxml-->
<view>{{info}}</view>
<image src="{{imgSrc}}" mode="widthFix"></image>
<view>{{randomNum1 >=5 ? '数字大于等于5' : '数字小于5'}}</view>

 index.js的代码：

// index.js
// 获取应用实例
const app = getApp()

Page({
  data: {
    info:'hello world',
    imgSrc:'https://codeforces.org/s/38414/images/codeforces-sponsored-by-ton.png',
    randomNUm1:Math.random()*10
  },
})

 成果：

 WXML代码：

<!--index.wxml-->
<view>{{info}}</view>
<image src="{{imgSrc}}" mode="widthFix"></image>
<view>{{randomNum1 >=5 ? '数字大于等于5' : '数字小于5'}}</view>
<view>{{randomNum2*100}}</view>

 index.js代码：

// index.js
// 获取应用实例
const app = getApp()

Page({
  data: {
    info:'hello world',
    imgSrc:'https://codeforces.org/s/38414/images/codeforces-sponsored-by-ton.png',
    randomNUm1:Math.random()*10,
    randomNUm2:Math.random().toFixed(2)
  },
})

 

 成果：

 

但是不知道为什么最后出来个NAN有点难受，希望有大佬指教一下。