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前后端通信

• Vue+Flask前后端传参、Vue.js Ajax(axios)

案例：Vue 实现任务列表 增删改查

https://www.bilibili.com/video/BV1q24y19763?p=1&vd_source=1f560ecca2fd6705fe45e7619f428960

• Vue案例：任务列表之页面原型
• Vue案例：任务列表之数据渲染 拓展：Vue从入门到实战：定义计算属性
• Vue案例：任务列表之删除数据
• Vue案例：任务列表之添加数据
• Vue案例：任务列表之编辑数据

• Vue的前后端通信(axios)

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

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

Mock.js

• Mock.js简介
• Mock基本使用
• 在Vue中使用Mock
• Vue：Mock基本使用

参考文档

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

https://blog.csdn.net/weixin_44524835/article/details/109244955