new Vue({ el: "#app", data: { loading: true, courses: [], }, created() { console.log("created: 实例已经创建"); }, mounted() { // 任务: // 1. 模拟异步请求 // 2. 1 秒后给 courses 赋值 // 3. loading 改成 false }, updated() { // 任务:在控制台输出 updated 日志 }, beforeDestroy() { // 任务:在控制台输出 beforeDestroy 日志 }, destroyed() { // 任务:在控制台输出 destroyed 日志 }, methods: { destroyInstance() { // 任务:调用 this.$destroy() }, }, });