- Implement dynamic styles and event handling in Vue2 with a card component. - Create lifecycle methods exercise to simulate async data loading and instance destruction. - Develop a component communication exercise with props, events, and slots. - Build a comprehensive course management dashboard with filtering, statistics, and component interactions.
16 lines
259 B
JavaScript
16 lines
259 B
JavaScript
new Vue({
|
|
el: "#app",
|
|
data: {
|
|
title: "Vue2 基础入门",
|
|
lessonCount: 8,
|
|
learnerCount: 12,
|
|
},
|
|
methods: {
|
|
increaseLearner() {
|
|
// 任务:
|
|
// 1. learnerCount 加 1
|
|
// 2. 在控制台输出最新人数
|
|
},
|
|
},
|
|
});
|