文章目录

• 一、Vue 简介
• • 1、官网
  • 2、作者和版本
  • 3、定义
  • 4、特点
  • 5、Vue 的周边库
• 二、Vue 安装使用
• • 1、CDN 引入
  • 2、下载后引入
  • 3、命令行工具 (CLI)
• 三、入门案例
• 四、MVVM模型
• • 1、MVVM 模型
  • 2、Vue 与 MVVM 模型
• 五、Vue 基本使用
• • 1、文本插值（掌握）-text
  • 2、属性插值（掌握 ）-bind
  • 3、Class 与 Style 绑定（了解）-class
  • 4、条件渲染-if
  • 5、循环渲染-for
  • 6、事件处理-on
  • 7、双向绑定-model
  • 8、计算属性-computed
  • 9、侦听器-watch
  • 10、过滤器-filters
• 六、Vue 组件化开发
• • 1、组件
  • 2、组件化
  • 3、组件使用
  • • 3.1、全局组件
    • 3.2、局部组件
• 七、Vue 生命周期
• • 1、生命周期图
  • 2、生命周期钩子函数
  • • 2.1、初始化
    • 2.2、挂载
    • 2.3、更新
    • 2.4、销毁
  • 3、生命周期示例
  • 4、使用用场景
  • 5、员工列表
• 八、Node.js
• • 1、定义
  • 2、安装
  • • 2.1、普通安装方式
    • 2.2、多版本安装方式
    • • 2.2.1、安装 nvm
      • 2.2.2、nvm 命令
      • 2.2.3、安装 Node.js
      • 2.2.4、指定或切换 Node.js 版本
      • 2.2.5、验证 Node.js 安装是否成功
  • 3、简单使用
• 九、NPM
• • 1、概述
  • 2、作用
  • 3、使用
  • • 3.1、安装
    • 3.2、初始项目
  • 4、依赖管理
  • • 4.1、 依赖下载
    • 4.2、依赖管理分类
    • 4.3、依赖安装路径
    • 4.3、依赖安装环境
• 十、模块化
• • 1、基本概念
  • 2、好处
  • 3、模块化规范
  • 4、CommonJS 模块化规范
  • 5、ES6 模块化规范
• 十一、Vue CLI
• • 1、安装 Vue ClI
  • 2、创建运行项目
  • 3、项目结构
  • 4、vue 文件
  • 5、代码执行顺序
  • 6、员工列表案例
• 十二 、路由
• • 1、SPA
  • 2、前端路由
  • • 2.1、hash 模式
    • 2.2、history 模式
• 十三、vue-router
• • 1、安装 vue-router
  • 2、vue-router 基本使用
• 十四、Element UI
• • 1、引入
  • 2、使用
  • 3、常用的组件
  • • Icon 图标
    • Button 按钮
    • Link 文字链接
    • form表单
    • 日期选择器
    • Table 表格
    • Message 消息提示
    • MessageBox 弹框
    • Dialog 对话框
• 十五、项目实战
• • 1、需求
  • 2、项目准备
  • 3、项目实现