- 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.
13 lines
285 B
JavaScript
13 lines
285 B
JavaScript
new Vue({
|
|
el: "#app",
|
|
data: {
|
|
isPaid: false,
|
|
showList: true,
|
|
courses: [
|
|
{ id: 1, title: "Vue 实例", status: "已完成" },
|
|
{ id: 2, title: "指令系统", status: "学习中" },
|
|
{ id: 3, title: "组件通信", status: "未开始" },
|
|
],
|
|
},
|
|
});
|