# vue-coder

**Repository Path**: bdu-ai-all/vue-coder

## Basic Information

- **Project Name**: vue-coder
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-03-09
- **Last Updated**: 2025-05-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue.js  

本仓库包含了Web前端框架——Vue.js和Web开发基础的课程材料与练习。

## 项目结构

### 第0章 - Web开发基础
- HTML、CSS和JavaScript基础
- 基础Web练习
- CSS选择器复习

### 第8章 - Vue.js基础
- Vue.js快速入门
- Vue实例示例

### 第9章 - 计算属性
- 计算属性示例
- 实践项目
    - 随机数
    - 购物车

### 第10章 - 控制页面的CSS样式
- 绑定 class 属性
- 绑定 style 属性
- 实践项目
    - 待办事项 
    - 公司导航页
    - 购物车

### 第11章 - 事件处理
- 事件对象
- 使用 Vue.js 处理事件
- 事件修饰符
- 实践项目
    - 简易聊天机器人

### 第12章 - 表单绑定
- 输入文本的绑定（文本框、多行文本框）
- 选择类表单元素的绑定（单选按钮、复选框、下拉框、多选列表框）
- 修饰符
- 实践项目
    - 图书信息提交页

### 第13章 - 结构渲染
- 条件渲染指令 v-if
- 列表渲染指令 v-for
- 实践项目
    - 汇率换算器

### 第14章 - 组件基础
- 自定义组件的方法
- 全局组件与局部组件
- 实践项目
    - 产品列表页

## 快速开始

1. 克隆此仓库
2. 在浏览器中打开HTML文件
3. 每个章节包含：
   - 课件 (courseware*.html)
   - 教材示例 (与教材示例同名)
   - 重点实践项目与作业 (exer*.html)
   - 复习材料 (review*.html)

## 学习环境要求
- 基本的HTML知识
- 现代浏览器
- 文本编辑器（推荐使用VS Code）
- Vue.js（项目中已包含）

## 学习路径

建议按照章节顺序学习。

## 参考资源

- Vue.js官方文档：[https://cn.vuejs.org/](https://cn.vuejs.org/)