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 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

第1节安装与部署

第2节创建第个vue应用

第3节数据与方法

第4节生命周期

第5节模板语法插值

第6节模板语法指令

第7节class与style绑定

第8节条件渲染

第9节列表渲染

第10节事件绑定

第11节表单输入绑定

第12节组件基础

第13节组件注册

第14节单文件组件

第15节免终端开发vue应用

Vue.js起步 Vue.js模板语法

Vue.js条件语句 Vue js循环语句

Vue.js计算属性 Vue.js监听属性 Vue.js样式绑定 Vue.js事件处理器 Vue.js表单

Vue.js组件 Vue.js组件-自定义事件 Vue.js自定义指令

Vue.js路由 Vue.js过渡&动画 Vue.js混入

Vue jis Ajax(xios) Vue is Aiax(wuoresourcel