1.页面的动态绑定
2.事件处理
3.生命周期函数
4.网络请求
<templete>
<view>
<text >{{ title }} </text>
<text v-for="(item,index) in list " :key="index" > {{ item }} </text> //循环一下输出列表
<button @click="clickHandle">按钮</button>//实现:按一次加一次的功能
<view>
<view v-for="(item,index) in banners :key="index">
<text>{{ item.title}}</text>
<text>{{ item.comtent}}</text>
</view>
<view>count</view>
</view>
</templete>
<script>
export default{
//动态绑定
data( ) {
return {
title: 'HELLO!'
list:["A","B","C"]
count:0
//声明一个存储网络请求的对象
banners:[ ]
}
},
/*
uniapp生命周期函数
1.微信小程序
onload( ) {
},
2.vue (此处为vue的)mounted
*/
mounted{ //连接后台数据
uni.request({
url: 'iwenwiki.com/api/blueberrypai/getIndexBanner.php'
success: (res) => {
this.text = 'request success';
this.banners = res.data.banner
}
});
},
//事件处理
methods: {
clickHandle( ){
this.count++
}
}
}
</script>
标签:count,事件处理,title,res,request,业务,JS,item From: https://www.cnblogs.com/liujy2233/p/16916243.html