3435848495
- 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.
17 lines
404 B
JavaScript
17 lines
404 B
JavaScript
new Vue({
|
|
el: "#app",
|
|
data: {
|
|
courseTitle: "Vue2 模板语法",
|
|
teacher: "李老师",
|
|
coverUrl: "https://picsum.photos/800/320?random=21",
|
|
courseLink: "https://cn.vuejs.org/",
|
|
isCollected: false,
|
|
},
|
|
methods: {
|
|
toggleCollect() {
|
|
this.isCollected = !this.isCollected;
|
|
console.log("收藏状态：", this.isCollected ? "已收藏" : "未收藏");
|
|
},
|
|
},
|
|
});
|