模板指令
条件渲染
<view v-if="isnow>90">优秀</view>
data() {
return {
isnow:98
}
},
列表渲染
<view v-for="item in '莫峰阁'">{
{item}}</view>
属性绑定
1:<button v-bind:disabled=“true”>
2:<button :disabled="true">
事件绑定
<view class="title">表单绑定</view>
<view class="input">
<input type="text" v-model="msg">
<switch type="checkbox" :checked="isCheck" @change="isCheck=$event.detail.value"></switch>
<button type="warn" :disabled="!isCheck">提交</button>
</view>
data() {
return {
msg: "你好uni-app",
isCheck: true,
fav: [],
num: 5,
}
},
修饰符
<view class="title">事件修饰符</view>
<view>