uni-app语法

1. 条件渲染

<view v-if="msg>90">优秀</view>

<view v-else-if="msg>=80">差不多</view>

<view v-else>不行</view>

data() {

return {

msg:58

}}

2.数据绑定和样式渲染

1： <view v-text=“表达式”></view>

2： 表达式

3： 简单的js运算

4： <view>{{2+3}}</view>

5： js方法调用

6： <view>{{title.length}}</view>

7： <view>{{title.split("").reverse().join("")}}</view>

8： 3元运算符

9： <view>{{title.length>15?'长度很长':'字少事大'}}</view>

10： <view v-html="richMsg"></view>

3：调用方法

methods用来书写各种方法事件

在页面中用方法名即可调用方法

<view @click="showMsg()">123</view>

4:监听

<view @click="num++">num:{{num}}</view>

// 监听

1. watch: {

2. // 监听num值

3. num: {

4. // val新的值，oldVal是之前的值（值类型）

5. handler(val, oldVal) {

6. uni.setStorageSync("num", val)

7. },

8. // 如果是引用类型要用深度监听

9. deep: true

10. }

11. },

5:组件

uni采用easycom技术不需要导入和注册

1. componets/组件/组件.vue

2. <cutdown></cutdown>

但是要注意创建的时候右键选择创建组件的方式创建，目录和文件名字要一致

6：生命周期