This website requires JavaScript.
Explore
Help
Register
Sign In
rou
/
front-end-example
Watch
1
Star
0
Fork
0
You've already forked front-end-example
Code
Issues
Pull Requests
Actions
Packages
Projects
Releases
Wiki
Activity
Files
2a65ba8c6a1e6ce0bae4222ef9f3f55419c630a2
front-end-example
/
07-vue2
/
01-vue-instance-and-data
History
rou
acb1445575
l
2026-03-25 18:13:35 +08:00
..
answer.html
feat: add Vue2 exercises for dynamic styles, lifecycle methods, component communication, and course management dashboard
2026-03-23 10:09:29 +08:00
answer.js
feat: add Vue2 exercises for dynamic styles, lifecycle methods, component communication, and course management dashboard
2026-03-23 10:09:29 +08:00
README.md
feat: add Vue2 exercises for dynamic styles, lifecycle methods, component communication, and course management dashboard
2026-03-23 10:09:29 +08:00
starter.html
feat: add Vue2 exercises for dynamic styles, lifecycle methods, component communication, and course management dashboard
2026-03-23 10:09:29 +08:00
starter.js
l
2026-03-25 18:13:35 +08:00
README.md
Unescape
Escape
练习 1
:
Vue 实例和数据
目标
学会写一个最基础的 Vue2 实例,并让页面内容跟着数据变化。
你要练什么
new Vue()
el
data
methods
模板插值
{{ }}
任务
请基于页面结构完成以下操作:
显示课程标题和章节数量
点击按钮后让学习人数加 1
在控制台输出当前学习人数
文件
starter.html
starter.js
answer.html
answer.js