Vue.js基础教程

Vue.js概述

MVVM模式

• MVVM模式、Vue常用网址
• vue的基本概念介绍
• 第一个Vue程序、Vue：双向绑定
• Vue:条件与循环
• Vue基础：数据与方法

准备开发与调试环境

Vue环境的搭建

• Linux 安装Node.js
• Windows 安装Node.js、Windows 安装vue、npm 安装模块
• 打开已有vue工程

• Visual Studio Code 安装vue插件

安装vue-devtools

• 安装vue-devtools

Vue常用指令

• Vue常用指令概述
• Vue:v-text、v-html指令
• Vue:v-model指令
• Vue:v-if、v-else指令
• Vue:v-show指令
• Vue:v-for指令
• Vue:v-once指令
• Vue:v-bind指令
• Vue:v-on指令

案例：Vue 30分钟搞定前端增删改查

• Vue案例：学生信息增删查改

参考文档

• Vue 30分钟搞定前端增删改查
• Vue+Mock.js模拟登录和表格的增删改查