uniapp mounted方法
时间: 2023-09-20 18:11:17 浏览: 93
vue 路由子组件created和mounted不起作用的解决方法
在uni-app中,mounted是一个生命周期方法,用于在页面挂载后执行一些操作。当页面渲染完毕后,mounted方法会被自动调用。你可以在mounted方法中做一些初始化的工作,例如请求数据、绑定事件等操作。
以下是一个简单的示例:
```
<template>
<div>
<p>{{ message }}</p>
</div>
</template>
<script>
export default {
data() {
return {
message: ''
}
},
mounted() {
// 在页面挂载后请求数据
this.getData()
},
methods: {
getData() {
// 发送请求获取数据
// ...
this.message = 'Hello, world!'
}
}
}
</script>
```
在上述示例中,我们在mounted方法中调用了getData方法,该方法会发送请求获取数据,并将数据绑定到页面中。当页面加载完成后,mounted方法会被自动调用,从而触发数据请求和绑定操作。
阅读全文