Vue两周学习计划（新手版）
先别急着学Vue
先花点时间把基础打牢，不然Vue学起来会很痛苦。
第一周：先把HTML+CSS玩明白
目标：能自己写个像样的静态网页，别急着搞交互。
Day 1：HTML其实很简单
今天学啥：
- 几个最常用的标签：div、p、h1-h6、img、a、button
- 表单三件套：input、textarea、select
动手练：写个简单的自我介绍页面，放上照片和几句话
Day 2：CSS选择器别死记硬背
今天学啥：
- 记住
.是class，#是id就行 - 盒模型就是外边距(margin)和內边距(padding)的区别
动手练：给昨天的自我介绍页面加个卡片样式，看着舒服就行
Day 3：Flex布局没那么难
今天学啥：
- 记住三句话：横向排列用
display:flex，居中用justify-content:center，垂直居中用align-items:center
动手练：把自我介绍页面改成两栏布局，左边头像右边文字
Day 4：Grid和定位先放一放
今天学啥：
- 知道
position:relative和position:absolute是干嘛的就行
动手练：在页面上加个固定位置的返回顶部按钮
Day 5：手机适配其实很简单
今天学啥：
@media就是给手机单独写样式- 记住
max-width:768px这个断点
动手练：让昨天的页面在手机上看着也正常
Day 6：动画慢慢来
今天学啥：
transition就够了，其他的先不急
动手练：给按钮加个hover效果，看着有点交互感
Day 7：做个小作品
今天做啥：
- 把这几天的练习整合一下
- 做个简单的个人主页，有导航、有内容区、手机看着也正常就行
第二周：Vue其实没那么玄乎
目标：能用Vue做个能点能交互的小东西，别追求高大上。
Day 8：先跑起来再说
今天做啥：
- 装个Node.js，然后用Vite创建项目：
npm create vue@latest - 别管啥CLI了，Vite够用了
学点啥：
能把数据显示出来v-model能把输入框和变量绑一起
动手练：做个最简单的计数器，点按钮数字加1
Day 9：条件显示和列表
今天学啥：
v-if就是显示/隐藏v-for就是循环显示数组
动手练：
- 在计数器基础上加个列表，显示点了多少次按钮
- 加个清空按钮，用
v-if控制显示
Day 10：按钮能点击了
今天学啥：
@click就是给按钮加点击事件- 在
methods里写函数就行
动手练：
- 做个TodoList，能添加任务
- 别管啥修饰符了，先能跑起来
Day 11：算点东西
今天学啥：
computed就是自动计算的东西- 比如算个总数、总价啥的
动手练：
- 给TodoList加个已完成任务数量
- 简单够用就行
Day 12：拆组件别急着学
今天先不学：组件化先放一放，能把一个页面搞明白就不错了
动手练：
- 把前几天的TodoList完善一下
- 加个删除功能，加个完成状态切换
Day 13：样式慢慢来
今天学啥：
- Vue文件里
<style scoped>就是只对这个组件生效 :class能动态切换样式
动手练：
- 给TodoList的任务加个完成状态的样式变化
- 简单点，能看出来区别就行
Day 14：做个小东西
今天做啥：
- 把这几天的TodoList再完善一下
- 加个本地存储，刷新页面数据不丢
- 部署到Vercel，免费域名能用就行
可选项目：
- 继续完善Todo：够用就行
- 天气查询：找个免费API，能查天气就行
- 记账本：能添加支出，算个总数
说点实话
- 第一周：能把静态页面整明白就不错了
- 第二周：Vue就是个工具，能用就行，别追求完美
两周后你至少有个能动的小项目，慢慢来，别急。